@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;font-family:Noto Sans JP,sans-serif}.hero-image-animate{opacity:0;transform:translateY(60px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.hero-image-animate.in{opacity:1;transform:translateY(0)}.animate-hero{opacity:0;transform:translateX(-60px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.animate-hero.in{opacity:1;transform:translateX(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.animate{opacity:0;transform:translateY(36px);visibility:hidden;height:0!important;overflow:hidden!important;transition:none!important}.animate.fade-in{animation:fadeInUp 1.8s cubic-bezier(.23,1,.32,1) both;visibility:visible;height:auto!important;overflow:visible!important;transition:opacity 1.8s cubic-bezier(.23,1,.32,1)}.popular-badge{position:absolute;top:10px;right:-10px;background:linear-gradient(45deg,#ff416c,#ff4b2b);color:white;font-weight:900;font-size:18px;padding:8px 20px;border-radius:24px;box-shadow:0 6px 15px rgba(255,75,43,.6);z-index:20;user-select:none;text-transform:uppercase;letter-spacing:1.5px;cursor:default;transform-origin:top right;animation:pulse-popular 2.5s ease-in-out infinite;transform:rotate(25deg)}.section-title{text-align:center;font-size:38px;font-weight:900;color:#111;margin-bottom:12px;letter-spacing:1px;line-height:1.2}@media (max-width:600px){.section-title{font-size:22px;margin-bottom:8px}}@media (max-width:768px){.recommend-grid img,.recommend-grid>div>div{max-width:180px!important;max-height:180px!important;width:100%!important;height:auto!important}.recommend-text{font-size:14px!important;margin-bottom:12px!important}}.hero-dot-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 30%,#ece7ff 16px,transparent 17px),radial-gradient(circle at 70% 15%,#f4f2fa 10px,transparent 12px),radial-gradient(circle at 55% 65%,#e4e1ff 14px,transparent 15px),radial-gradient(circle at 90% 70%,#f2e8fa 12px,transparent 13px),radial-gradient(circle at 25% 85%,#eae3ff 18px,transparent 20px);background-size:100% 100%;background-repeat:no-repeat}@media (max-width:768px){.popular-badge{font-size:16px;padding:6px 16px;top:8px;right:-6px}.terms-note-bottom{display:none}}@keyframes pulse-popular{0%,to{transform:rotate(25deg) scale(1);box-shadow:0 6px 15px rgba(255,75,43,.6)}50%{transform:rotate(25deg) scale(1.1);box-shadow:0 8px 20px rgba(255,75,43,.8)}}@media (max-width:768px){#features,.feature-text{background:#fff!important}.feature-text{text-align:center!important}.feature-title{font-size:24px!important}.feature-heading{font-size:22px!important}.feature-description{font-size:14px!important}}.hidden{display:none!important}.fade-in{opacity:1!important;transition:opacity 1.2s}@keyframes floatUpDown{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.floating-image{position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;pointer-events:none;animation:floatUpDown 1s ease-in-out infinite;z-index:3}@media (min-width:769px){.floating-image{left:70%}}.page-transition{opacity:1;transition:opacity .3s ease-in-out}.page-transition.loading{opacity:0}.hero-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1060px;margin:0 auto;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.hero-bg{display:block;width:100%;aspect-ratio:2.2/1;object-fit:fill}.hero-text{flex:1;text-align:left}.hero-text h1{font-size:62px;font-weight:900;margin:10px 0;line-height:1.2;background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af,#515bd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-text p{font-size:24px;font-weight:700;color:#000;margin-top:30px;line-height:1.6}.hero-subtitle{font-size:28px!important;font-weight:900!important;color:#000!important;margin-bottom:20px!important;line-height:1.4!important}.hero-button{background:linear-gradient(90deg,#00b67a,rgb(4,131,105));color:white;padding:16px 36px;border-radius:8px;border:none;font-weight:700;font-size:20px;margin-top:30px;cursor:pointer;width:100%;max-width:260px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s ease,box-shadow .3s ease}.hero-button:hover{background-color:#009963;box-shadow:0 4px 15px rgba(0,150,99,.6);transform:translateY(-5px);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}.hero-button img.arrow-icon{width:20px;height:20px;transition:transform .3s ease}.hero-button:hover img.arrow-icon{transform:translateY(-30px)}.hero-image{flex:1;text-align:center}.hero-image img{width:200%;max-width:700px}.hero-image img.hidden{opacity:0;transform:translateY(30px)}.hero-image img.fade-in{opacity:1;transform:translateY(0);transition:all .6s ease-out}@media (max-width:768px){.hero-wrapper{flex-direction:column;padding:80px 20px 40px;text-align:center;background-color:#fff9e6;position:static;transform:none}.hero-bg{display:none!important}.hero-text{text-align:center}.hero-text h1{font-size:42px!important;line-height:1.2!important}.hero-text p{font-size:16px!important;line-height:1.6!important;margin-top:20px!important}.hero-text .hero-subtitle{font-size:20px!important;font-weight:900!important;color:#000!important;margin-bottom:16px!important;line-height:1.4!important}.hero-button{font-size:18px!important;max-width:100%!important;padding:12px 24px!important}.hero-image img{margin-top:30px!important;width:80%!important;max-width:320px!important}}