*{box-sizing:border-box;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;margin:0;padding:0}body{background-color:#f7f7f7;color:#333;line-height:1.6}.container{margin:0 auto;max-width:800px;padding:20px}.title-banner{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden;width:100%}.first-slide .title-banner{margin-bottom:25px}.banner-image{display:block;height:auto;width:100%}h1{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:10px}.slide-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;min-height:400px;padding:30px;position:relative}.slide{display:none}.slide.active{display:block}.slide-content,.slide-content h2{margin-bottom:20px}.slide-content h2{color:#333;font-size:22px;padding-bottom:10px;text-align:center}.first-slide h2{border-bottom:none;color:#000;text-align:left}.slide-content p{font-size:16px;line-height:1.7;margin-bottom:15px}.slide-content ul{margin-bottom:15px;margin-left:20px}.slide-content li{margin-bottom:8px}.first-slide{background-color:#fff;border-radius:8px;padding:15px}.intro-text{margin-bottom:30px;text-align:center}.intro-text p{color:#444;font-size:17px;margin-bottom:12px}.intro-text p:first-child{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:20px}.intro-points{display:flex;flex-direction:column;gap:15px;margin-top:30px}.point-item{align-items:center;background-color:#f9f9f9;border-left:4px solid #3498db;border-radius:8px;display:flex;padding:15px;transition:all .3s ease}.point-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateX(5px)}.point-number{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px}.point-text{color:#333;font-size:17px;font-weight:500}.slide-image{margin:20px 0;text-align:center}.slide-image img{border-radius:4px;max-width:100%}.widget-style{background-color:#f9f9f9;border-radius:6px;padding:20px}.two-column-layout{display:flex;flex-direction:row;gap:20px}.side-image-container{align-items:center;display:flex;flex:0 0 50%;justify-content:center}.side-image{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:auto;max-width:100%}.content-container{flex:0 0 50%}.widget-style h2{color:#2c3e50;font-size:22px;margin-bottom:25px;padding-bottom:10px;text-align:center}.feature-box{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;margin-bottom:25px;padding:15px}.feature-icon{flex:0 0 64px;margin-right:15px}.feature-text{flex:1}.feature-text h3{color:#3498db;font-size:18px;margin-bottom:8px}.summary-box{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:25px;padding:20px}.highlight-text{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:10px}.highlight-list{margin-left:20px}.highlight-list li{border-bottom:1px dotted #e0e0e0;padding:5px 0}.cta-container{margin-top:30px;text-align:center}.cta-button{background-color:#3498db;border-radius:50px;color:#fff;display:inline-block;font-weight:700;padding:12px 30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#2980b9;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.send-button{background-color:#3498db;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;padding:15px 40px;text-decoration:none;transition:all .3s ease}.send-button:hover{background-color:#2980b9;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.cta-subtext{color:#7f8c8d;font-size:14px;margin-top:10px}.slide-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.slide-nav{display:flex;justify-content:space-between;margin-bottom:15px}.slide1-nav{justify-content:flex-end}.next-btn-container{margin-left:auto}.nav-button{background-color:#3498db;border:none;border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:all .3s ease}.nav-button:hover{background-color:#2980b9;box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.nav-button:disabled{background-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.progress{color:#7f8c8d;font-size:14px;margin-top:15px;text-align:center}.dots{display:flex;justify-content:center;margin-top:15px}.dot{background-color:#e0e0e0;border-radius:50%;cursor:pointer;height:12px;margin:0 5px;transition:all .3s ease;width:12px}.dot:hover{background-color:#bdc3c7}.dot.active{background-color:#3498db;transform:scale(1.2)}.pc-banner{display:block}.sp-banner{display:none;margin:0 auto;max-width:80%}@media (max-width:768px){.container{padding:15px}.slide-container{padding:20px}.feature-box{flex-direction:column}.feature-icon{margin-bottom:15px;margin-right:0;text-align:center}.nav-button{font-size:14px;padding:8px 20px}.two-column-layout{flex-direction:column}.content-container,.side-image-container{flex:0 0 100%}.side-image-container{display:none}}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.required{color:#e74c3c}.form-group input[type=text],.form-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:8px 10px;height:42px;padding-right:30px}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2);outline:none}.confirmation-data{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:15px}.confirmation-item{border-bottom:1px solid #eee;display:flex;margin-bottom:12px;padding-bottom:12px}.confirmation-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.confirmation-item .label{color:#555;flex:0 0 180px;font-weight:700}.payment-form{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px}.card-details{display:flex;gap:20px;margin-bottom:20px}.expiry-date{flex:1}.security-code{flex:0 0 45%}.expiry-inputs{align-items:center;display:flex;gap:10px}.expiry-inputs select{flex:1}.expiry-separator{color:#888;font-weight:700}.security-note{color:#888;font-size:14px;margin-top:20px;text-align:center}.error-message{display:none}.card-actions{text-align:center}.save-button{background-color:#3498db;border-radius:50px;font-size:16px;padding:12px 30px}.save-button:hover{background-color:#2980b9;box-shadow:0 4px 8px rgba(0,0,0,.1)}.cancel-button{background-color:#95a5a6;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:20px;padding:10px 25px;transition:all .3s ease}.cancel-button:hover{background-color:#7f8c8d;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.payment-success{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:30px;text-align:center}.success-container{align-items:center;display:flex;flex-direction:column}.success-checkmark{margin-bottom:20px}.check-icon,.success-checkmark{height:80px;position:relative;width:80px}.check-icon{border:4px solid #4caf50;border-radius:50%;box-sizing:content-box}.check-icon:before{border-radius:100px 0 0 100px;left:-2px;top:3px;transform-origin:100% 50%;width:30px}.check-icon:after{animation:rotate-circle 4.25s ease-in;border-radius:0 100px 100px 0;left:30px;top:0;transform-origin:0 50%;width:60px}.icon-line{background-color:#4caf50;border-radius:2px;display:block;height:5px;position:absolute;z-index:10}.icon-line.line-tip{left:14px;top:46px;transform:rotate(45deg);width:25px}.icon-line.line-long{right:8px;top:38px;transform:rotate(-45deg);width:47px}.success-content h3{color:#2c3e50;font-size:22px;margin-bottom:20px}.card-info{background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:15px}.card-info-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.card-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{color:#555;font-weight:700}.info-value{color:#333}.error-message{color:#e74c3c;font-size:14px;font-weight:700;margin-top:10px}.card-actions{display:flex;justify-content:flex-end;margin-top:20px}.send-button-container{display:flex;justify-content:center;margin-top:20px}.save-button{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:8px 20px;text-decoration:none;transition:all .3s ease}.save-button:hover{background-color:#27ae60;box-shadow:0 2px 5px rgba(0,0,0,.1);transform:translateY(-2px)}.text-center{text-align:center}.thank-you-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.thank-you-title{color:#3498db;font-size:28px;margin-top:30px;text-align:center}