*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;font-family: 'Noto Sans JP',sans-serif;}html, body {height: 100%;font-family: sans-serif;background-color: #f9f9f9;color: #222;line-height: 1.5;}html {scroll-behavior: smooth;}img, picture, video, canvas, svg {display: block;max-width: 100%;}button, input, select, textarea {font: inherit;background: none;border: none;outline: none;}a {text-decoration: none;color: inherit;}ul, ol {list-style: none;}.scroll-up-btn {position: fixed;height: 60px;width: 60px;right: 35px;bottom: 10px;text-align: center;font-size: 30px;z-index: 999;cursor: pointer;opacity: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 100rem;background: #eeeeeeb0;backdrop-filter: blur(3px);flex-direction: column;gap: 5px 0 }.scroll-up-btn.show {bottom: 50px;opacity: 1;pointer-events: auto }.scroll-up-btn:hover {transform: translateY(-7px) scale(1,1);background: #51a7f5 }.scroll-up-btn:hover span {color: #fff }.scroll-up-btn img {transform: rotate(270deg);height: 25px }.scroll-up-btn:hover svg path {fill: #fff }.scroll-up-btn span {font-size: .9rem;color: #4f94bb;}#header {display: flex;align-items: center;justify-content: center;padding: 10px 30px;background-color: white;gap: 0 20px;position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 0px 5px rgba(0,0,0,0.1);z-index: 999;transition: transform 0.3s ease-in-out;box-sizing: border-box;}#header.hide {transform: translateY(-100%);}.stat-card.animate .number-txt {animation: pulse 0.1s ease-in-out;}@keyframes pulse {0% {transform: scale(1);}50% {transform: scale(1.05);}100% {transform: scale(1);}}.counting-effect {position: relative;overflow: hidden;}.counting-effect::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, transparent 0%, rgba(102, 126, 234, 0.3) 50%, transparent 100%);transform: translateX(-100%);animation: shine 2s ease-in-out;}@keyframes shine {to {transform: translateX(100%);}}.highlight {background: linear-gradient( 90deg, #fe8100 0%, #ffffff 50%, #fc7c00 100% );background-size: 200% 100%;background-position: 0% 0%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shine 2s linear infinite;font-weight: 600;text-decoration: none;white-space: nowrap;font-family: "Poppins", sans-serif;will-change: background-position;backface-visibility: hidden;transform: translateZ(0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}@keyframes shine {0% {background-position: 100% 0%;}100% {background-position: -100% 0%;}}.nav-effect-1 a.active, .mobile-nav a.active {color: #206bc4;}.logo {display: flex;align-items: center;flex: 1;}.logo img {height: 45px;}.logo span {font-size: 10px;color: #007bce;}nav {display: flex;gap: 40px;font-size: 16px;font-weight: bold;color: #333;}nav a {text-decoration: none;color: inherit;}.nav-effect-1 {display: flex;gap: 30px;justify-content: center;}.nav-effect-1 a {text-decoration: none;color: #333;font-weight: 500;padding: 10px 15px;position: relative;transition: color 0.3s ease;}.nav-effect-1 a::before {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #007bff;transition: all 0.3s ease;transform: translateX(-50%);}.nav-effect-1 a:hover {color: #007bff;}.nav-effect-1 a:hover::before {width: 100%;}.contact-button {display: flex;align-items: center;background-color: #4db3f0;color: white;padding: 10px 20px;border-radius: 100rem;font-weight: bold;font-size: 16px;text-decoration: none;gap: 0 10px;background: linear-gradient(260deg, #f56400, #ff8500);box-shadow: rgb(205 205 205) 0px 4px 5px 0px;transition: all 0.3s ease;}.contact-button:hover {box-shadow:rgb(205 205 205) 0px 1px 0px 0px;}.contact-buttonn:active {background-color:#4db3f0;box-shadow: rgb(205 205 205) 0px 2px 0px 0px;transform: translateY(5px);transition: 200ms;}.contact-button img {height: 16px;width: 16px;margin-right: 6px;}.hero-container {background: linear-gradient(to bottom right, #DEEBFF, #E7F9F9);position: relative;overflow: hidden;}.hero-container .square {position: absolute;bottom: -50px;background: rgba(255,255,255,0.2);transform: rotate(45deg);animation: rise ease-in infinite;background: #fcfeff;}@keyframes rise {0% {transform: translateY(0) rotate(45deg);opacity: 0;}10% {opacity: 1;}100% {transform: translateY(-500px) rotate(45deg);opacity: 0;}}.hidden-bg {position: absolute;width: 170px;height: 170px;background: white;border-radius: 1rem;opacity: 0.3;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;transform: rotate(45deg);}.hidden-bg-01 {left: -90px;top: 160px;}.hidden-bg-02 {right: -70px;top: 130px;}.hidden-bg-03 {bottom: -80px;left: -50px;}.hidden-bg-04 {right: 80px;bottom: -100px;}.hero {margin: 0 auto;padding-top: 0;display: flex;align-items: center;flex-wrap: wrap;flex-direction: column;max-width: 1200px;top: 80px;position: relative;}.hero-left {max-width: 600px;text-align: center;}.hero-left h4 {color: #4999EF;font-size: 30px;font-weight: 500;}.hero-left h1 {font-size: 35px;line-height: 1.4;font-weight: bold;margin-bottom: 10px;}.highlight {color: orange;font-weight: bold;}.hero-right-img{max-width: 500px;}.hero-left-img {max-width: 400px;margin: 0 auto;}.hero-right {flex: 1 1 400px;text-align: center;position: relative;}.hero-right img {max-width: 55%;height: auto;margin: 0 auto;position: relative;z-index: 9;}.side-buttons {position: absolute;top: 20%;display: flex;flex-direction: column;gap: 20px;}.side-buttons.left {left: 60px;}.side-buttons.right {right: 90px;}.side-button {background: #ffffff;border: 1px solid #4db3f0;border-radius: 20px;padding: 8px 16px;display: flex;align-items: center;gap: 6px;color: #007acc;font-weight: bold;box-shadow: 0 2px 4px rgba(0,0,0,0.1);font-size: 16px;}.side-button::before {content: "✔";color: #4999EF;font-size: 16px;}.orange-button {background: linear-gradient(135deg, #ff8c00 0%, #ff6b00 50%, #e55a00 100%);border: none;border-radius: 50px;padding: 20px 40px;color: white;font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);display: inline-flex;align-items: center;gap: 10px;text-decoration: none;min-width: 280px;justify-content: center;border: 3px solid;}.orange-button:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4);background: linear-gradient(135deg, #ff9500 0%, #ff7300 50%, #f05000 100%);}.orange-button:active {transform: translateY(0);box-shadow: 0 2px 10px rgba(255, 140, 0, 0.3);}.side-buttons-sp{display: none;}.top-text {color: #666;font-size: 14px;font-weight: 400;text-align: center;}.main-text {font-size: 18px;font-weight: 600;letter-spacing: 0.5px;}.envelope-icon {font-size: 30px;flex-shrink: 0;}.btn-contact {position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 20;}.image-container {position: relative;display: inline-block;border-radius: 20px;padding: 40px;width: 400px;height: 300px;display: flex;align-items: center;justify-content: center;}.placeholder-image {color: #999;font-size: 18px;text-align: center;}.speech-bubble {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);background-color: white;border: 2px solid #ff8c00;border-radius: 25px;padding: 10px 24px;font-size: 16px;font-weight: 500;color: #333;white-space: nowrap;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);z-index: 10;}.speech-bubble::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid white;z-index: 11;}.speech-bubble::before {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #ff8c00;z-index: 9;}.speech-bubble.top-left {top: -20px;left: 20px;transform: none;}.speech-bubble.top-right {top: -20px;right: 20px;left: auto;transform: none;}.speech-bubble.bottom {top: auto;bottom: -20px;transform: translateX(-50%) rotate(180deg);}.speech-bubble.bottom::after {border-top: 10px solid white;border-bottom: none;}.speech-bubble.bottom::before {border-top: 12px solid #ff8c00;border-bottom: none;}.demo-grid {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 40px;height: 600px;position: relative;max-width: 1300px;margin: 0 auto;}.demo-item {display: flex;flex-direction: column;align-items: center;}.demo-item:nth-child(1) {grid-column: 1;grid-row: 1;justify-self: center;align-self: end;}.demo-item:nth-child(2) {grid-column: 2;grid-row: 1;justify-self: center;align-self: end;}.demo-item:nth-child(3) {grid-column: 1 / -1;grid-row: 2;justify-self: center;align-self: start;top: -80px;position: relative;}.brand-logo{max-width: 50px;}.trouble-section {background: #E6F1FC;display: flex;align-items: center;justify-content: center;margin-top: 5rem;flex-direction: column;}.trouble-container {background: white;border-radius: 20px;padding: 40px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);max-width: 900px;width: 100%;border: 2px solid #e3f2fd;position: relative;top: -130px;}[data-aos="fade-up"].custom-fade {transform: translate3d(0, 30px, 0);}[data-aos="fade-up"].custom-fade.aos-animate {transform: translate3d(0, 0, 0);}[data-aos="fade-right"].aos-short-right {transform: translate3d(-30px, 0, 0);}[data-aos="fade-right"].aos-short-right.aos-animate {transform: translate3d(0, 0, 0);}[data-aos="fade-left"].aos-short-left {transform: translate3d(30px, 0, 0);}[data-aos="fade-left"].aos-short-left.aos-animate {transform: translate3d(0, 0, 0);}.header {text-align: center;margin-bottom: 30px;}.header-title {font-size: 30px;color: #4a90e2;font-weight: 500;margin: 0;display: flex;align-items: center;justify-content: center;}.concerns-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-bottom: 30px;}.concern-item {background: #f5f5f5;border-radius: 15px;padding: 15px 20px;text-align: center;position: relative;border: 2px solid transparent;transition: all 0.3s ease;}.concern-icon {width: 40px;height: 40px;margin: 0 auto 15px;display: flex;align-items: center;justify-content: center;position: relative;}.concern-text {font-size: 16px;color: #333;line-height: 1.5;margin: 0;}.arrows {display: flex;justify-content: center;gap: 20px;flex-direction: column;align-items: center;}.arrow {width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #4a90e2;opacity: 0.7;}.trouble-handle {text-align: center;margin-bottom: 50px;}.header-text {font-size: 32px;color: #666;margin: 0;font-weight: 400;display: flex;align-items: center;justify-content: center;}.solve-text {color: #ff8c00;font-weight: 600;}.trouble-handle-container{position: relative;top: -100px;}.benefits-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 50px;margin-top: 20px;}.benefit-item {display: flex;align-items: flex-start;gap: 15px;padding: 10px 0;}.check-icon {width: 24px;height: 24px;background: linear-gradient(45deg, #ffa500, #ff8c00);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;margin-top: 2px;}.check-icon::before {content: "✓";color: white;font-size: 14px;font-weight: bold;}.benefit-text {font-size: 18px;color: #333;line-height: 1.6;margin: 0;font-weight: 500;}#about{padding: 5rem 0;}.about-container h2 {text-align: center;font-size: 2.3rem;}.about-wrap {display: flex;align-items: center;justify-content: space-between;max-width: 1110px;margin: 0 auto;}.about-img img{max-width: 450px;}.about-text h3{font-size: 1.8rem;padding-bottom: 2rem;}.about-text p{line-height: 2;}span.about-highlight{color: #4999EF;}.step-container {display: flex;align-items: stretch;justify-content: center;gap: 40px;max-width: 1200px;margin: 0 auto;}.step-arrow{display: flex;align-items: center;}.step-logo{max-width: 30px;}.step {background: white;border: 2px solid #e0f4ff;border-radius: 20px;padding: 40px 30px;text-align: center;min-width: 280px;height: 280px;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 4px 20px rgba(0,0,0,0.05);}.step-box {width: 160px;border-radius: 8px;margin: 0 auto 30px;}.step-title {font-size: 18px;font-weight: 600;color: #333;margin: 0;display: flex;align-items: center;justify-content: center;gap: 0 10px;}.arrow {display: flex;align-items: center;justify-content: center;}.auto-text {color: #4A9EFF;font-weight: 600;}#reason {background: #ffffff;padding: 5rem;width: 100%;background-image: radial-gradient(rgb(122 122 122 / 17%) 1.3px, white 0);background-size: 25px 25px;background-position: -5px -5px;}.reason-container {max-width: 1200px;margin: 0 auto;}.title {text-align: center;font-size: 2.3rem;font-weight: bold;margin-bottom: 60px;color: #3c9bd5;}.title .number {color: #ff6b35;font-size: 3rem;}.reasons-container {display: flex;flex-direction: column;gap: 80px;}.reason-item {display: flex;align-items: center;gap: 40px;position: relative;}.reason-item.reverse {flex-direction: row-reverse;}.number-circle {font-size: 5.5rem;font-weight: bold;color: rgba(44, 90, 160, 0.15);position: absolute;z-index: 99;}.reason-item:nth-child(2) .number-circle {right: -20px;top: -85px;}.reason-item:nth-child(1) .number-circle, .reason-item:nth-child(3) .number-circle {left: -20px;top: -85px;}.image-placeholder {width: 500px;background: white;border-radius: 12px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);position: relative;z-index: 2;padding: 2rem;}.content-box {flex: 1;background: white;padding: 30px;border-radius: 12px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);position: relative;z-index: 2;}.reason-tag {display: inline-block;background: #fa7400;color: white;padding: 6px 16px;border-radius: 4px;font-size: 0.9rem;font-weight: bold;margin-bottom: 15px;}.reason-title {font-size: 2rem;font-weight: bold;color: #333;margin-bottom: 20px;line-height: 1.4;}.reason-highlight {color: #3c9bd5;}.checklist {list-style: none;margin-top: 1rem;}.checklist li {position: relative;padding-left: 25px;margin-bottom: 8px;color: #666;font-size: 0.95rem;}.checklist li:before {content: "✓";position: absolute;left: 0;color: #4CAF50;font-weight: bold;}.decorative-dots {position: absolute;width: 100px;height: 100px;opacity: 0.1;z-index: 0;}.decorative-dots.dots-1, .decorative-dots.dots-3 {top: 20%;right: 10%;background: radial-gradient(circle, #2c5aa0 2px, transparent 2px);background-size: 15px 15px;}.decorative-dots.dots-2 {bottom: 20%;left: 5%;background: radial-gradient(circle, #ff6b35 2px, transparent 2px);background-size: 12px 12px;}.number-container {max-width: 900px;margin: 0 auto;}.number-header {text-align: center;margin-bottom: 50px;}.main-title {font-size: 2.2rem;font-weight: bold;color: #333;margin-bottom: 25px;line-height: 1.2;}.subtitle-small {font-size: 1rem;color: #666;font-weight: normal;}.stats-container {display: grid;grid-template-columns: 1fr 1fr;gap: 110px;margin-top: 40px;}.stat-card {background: white;border-radius: 16px;padding: 40px 30px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(44, 90, 160, 0.1);}.icon-area img {max-width: 220px;margin: 0 auto;height: 187px;object-fit: contain;}.icon-area {display: flex;align-items: center;justify-content: center;margin-bottom: 30px;position: relative;}.stat-unit {font-size: 1.2rem;color: #2e2e2e;font-weight: normal;}.stat-label {font-size: 1.5rem;margin-top: 1rem;font-weight: 500;}.number-txt {background: linear-gradient(135deg, #4A90E2 0%, #5396d7 50%, #2e73dc 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size: 3.5rem;font-weight: bold;}#number{background: #F3F7FF;padding: 5rem;}.contact-container {position: relative;text-align: center;background: #eaf3ff;padding: 3rem 0;}.decor-img{position: absolute;left: 0;max-width: 150px;bottom: 0;}.decor-img2{position: absolute;right: 0;top: 0;max-width: 80px;filter: brightness(0.8) grayscale(0.3);}.contact-box{max-width: 800px;margin: 0 auto;}.main-title-contact {font-size: 28px;font-weight: bold;color: #4a90e2;margin-bottom: 29px;line-height: 1.4;}.subtitle {font-size: 16px;color: #666;margin-bottom: 60px;}.cta-section {display: flex;justify-content: center;align-items: flex-start;gap: 40px;flex-wrap: wrap;}.cta-column {flex: 1;min-width: 300px;max-width: 400px;z-index: 9;}.cta-description {font-size: 15px;font-weight: bold;color: #333;margin-bottom: 2px;}.cta-button {display: inline-flex;align-items: center;justify-content: center;padding: 17px 40px;border-radius: 50px;text-decoration: none;font-size: 18px;font-weight: bold;transition: all 0.5s ease;border: 2px solid;min-width: 280px;gap: 0 10px;}.contact-highlight{display: block;color: #4b4b4b;font-size: 1.3rem;}.trial-button {background-color: #fff;color: #fd7d00;border-color: #fd7d00;}svg.free-trial{fill: #fb7600;}.trial-button:hover {background-color: #e67e22;color: #fff;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(230, 126, 34, 0.3);}.trial-button:hover svg {fill: #ffffff;transition: all 0.3s ease;}.contact-button {background-color: #e67e22;color: #fff;border-color: #ffffff;}.contact-button:hover {background-color: #d35400;border-color: #e9955d;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(211, 84, 0, 0.3);}#function{padding: 5rem;width: 100%;background-image: radial-gradient(rgb(122 122 122 / 17%) 1.3px, white 0);background-size: 25px 25px;background-position: -5px -5px;}.fun-container {max-width: 1200px;margin: 0 auto;margin-bottom: 5rem;}.fun-title{font-size: 2.2rem;color: #3c9bd5;line-height: 1.2;padding-bottom: 1rem;}.feature-section {background-color: #ffffff;border-radius: 20px;padding: 40px;border: 1px solid #ffc386;}.content-wrapper {display: flex;align-items: center;gap: 60px;}.text-content {flex: 1;padding-left: 20px;}.main-title {font-size: 32px;font-weight: bold;color: #4a90e2;margin-bottom: 12px;line-height: 1.3;}.subtitle {font-size: 24px;font-weight: bold;color: #4a90e2;margin-bottom: 30px;}.description {font-size: 16px;color: #555;line-height: 1.8;margin-bottom: 35px;}.features-list {list-style: none;}.feature-item {display: flex;align-items: center;margin-bottom: 16px;font-size: 16px;color: #333;}.funcheck-icon {width: 24px;height: 24px;background-color: #87ceeb;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;flex-shrink: 0;}.funcheck-icon::after {content: '✓';color: white;font-weight: bold;font-size: 14px;}.fun-images{width: 500px;}.section-title {font-size: 36px;font-weight: bold;color: #333;margin-bottom: 16px;text-align: center;}.section-subtitle {font-size: 16px;color: #666;margin-bottom: 60px;line-height: 1.6;text-align: center;}.usage-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 30px;margin-bottom: 40px;}.usage-item {background-color: #ffffff;border-radius: 12px;padding: 40px 20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;min-height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.usage-item:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}.icon-placeholder {width: 60px;height: 60px;margin-bottom: 24px;display: flex;align-items: center;justify-content: center;font-size: 28px;color: white;}.usage-title {font-size: 14px;font-weight: bold;color: #333;text-align: center;line-height: 1.4;}.fun-show{max-width: 1200px;margin: 0 auto;}.icon-megaphone {background-color: #4dd0e1;}.icon-document {background-color: #4dd0e1;}.icon-survey {background-color: #4dd0e1;}.icon-event {background-color: #4dd0e1;}.icon-campaign {background-color: #4dd0e1;}.icon-twitter {background-color: #1da1f2;}.icon-line {background-color: #00c300;}.icon-point {background-color: #4dd0e1;}.icon-welfare {background-color: #4dd0e1;}.icon-shareholder {background-color: #4dd0e1;}.plan-container {max-width: 800px;margin: 0 auto;text-align: center;padding: 5rem 0;}.plan-title {font-size: 32px;color: #4a90e2;margin-bottom: 20px;font-weight: bold;}.plan-subtitle {font-size: 16px;color: #2a2a2a;margin-bottom: 40px;line-height: 1.6;}.pricing-wrapper {display: flex;align-items: center;justify-content: center;gap: 30px;flex-wrap: wrap;}.pricing-card {background: white;border: 3px solid #4a90e2;border-radius: 20px;padding: 40px 15px;width: 280px;box-shadow: 0 4px 15px rgba(74, 144, 226, 0.1);transition: transform 0.3s ease;}.step-number {font-weight: 600;color: #f86d00;padding-bottom: 1rem;font-size: 1.2rem;}.icon {width: 80px;height: 80px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;}.plan-img{height: 90px;object-fit: cover;}.card-title {font-size: 24px;color: #4a90e2;font-weight: bold;margin-bottom: 20px;}.card-description {font-size: 14px;color: #666;line-height: 1.8;}.plus-sign {font-size: 60px;color: #ff9500;font-weight: bold;display: flex;align-items: center;justify-content: center;}.flow-container {max-width: 1200px;margin: 0 auto;text-align: center;padding: 5rem 0;}.flow-title {font-size: 32px;color: #4a90e2;margin-bottom: 20px;font-weight: bold;}.flow-subtitle {font-size: 16px;color: #666;margin-bottom: 50px;line-height: 1.6;}.process-flow {display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;}.process-step {background: white;border-radius: 15px;padding: 20px 15px;width: 240px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;position: relative;}.process-step:hover {transform: translateY(-5px);}.step-image {width: 130px;height: 130px;margin: 0 auto 20px;}.step-content {height: 150px;}.step-title {font-size: 20px;color: #4a90e2;font-weight: bold;margin-bottom: 15px;}.step-description {font-size: 16px;color: #666;line-height: 1.6;text-align: left;}.flow-arrow {font-size: 30px;color: #ff9500;font-weight: bold;display: flex;align-items: center;justify-content: center;margin: 0 10px;}.flow-arrow::before {content: "≫";}.faq-container {max-width: 800px;margin: 0 auto;padding: 40px 20px;}.faq-title {text-align: center;font-size: 32px;font-weight: bold;color: #4a90e2;margin-bottom: 40px;letter-spacing: 1px;}.faq-item {background: white;border-radius: 12px;margin-bottom: 20px;padding: 25px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;}.faq-item:hover {transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);}.question {display: flex;align-items: flex-start;margin-bottom: 15px;}.question-icon {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;background-color: #4a90e2;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;margin-right: 15px;flex-shrink: 0;}.question-text {font-size: 16px;font-weight: 500;color: #333;flex: 1;}.answer {display: flex;align-items: flex-start;}.answer-icon {display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;background-color: #ff9500;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;margin-right: 15px;flex-shrink: 0;}.answer-text {font-size: 15px;color: #666;line-height: 1.8;flex: 1;}.form-container {background: white;border-radius: 20px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);padding: 40px;max-width: 630px;width: 100%;position: relative;overflow: hidden;margin: 0 auto;}.form-title {text-align: center;font-size: 28px;color: #4a90e2;margin-bottom: 30px;font-weight: 600;letter-spacing: 1px;}.form-group {margin-bottom: 25px;}.form-label {display: block;margin-bottom: 8px;font-weight: 500;color: #333;font-size: 14px;}.required-badge {background: #ff6b6b;color: white;font-size: 10px;padding: 2px 6px;border-radius: 3px;margin-left: 8px;font-weight: 600;}.form-input {width: 100%;padding: 15px;border: 2px solid #e1e5e9;border-radius: 10px;font-size: 16px;transition: all 0.3s ease;background: #f8f9fa;}.question-a{display: inline-block;height: 20px;line-height: 17px;}.question-q{display: inline-block;height: 20px;line-height: 15px;}.form-input:focus {outline: none;border-color: #8ebcf0;background: white;box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.1);}.form-input::placeholder {color: #999;font-style: italic;}.form-textarea {min-height: 120px;resize: vertical;font-family: inherit;}.checkbox-group {display: flex;align-items: flex-start;margin-bottom: 25px;}.checkbox-input {width: 18px;height: 18px;margin-right: 10px;margin-top: 2px;accent-color: #ffa64b;}.checkbox-label {font-size: 14px;color: #222;line-height: 1.5;}#contact{padding: 5rem 0;}.privacy-link {color: #458ffc;text-decoration: underline;transition: color 0.3s ease;}.privacy-link:hover {color: #45b7d1;}.submit-btn {width: 40%;padding: 18px;color: white;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);margin: 0 auto;display: block;background: linear-gradient(260deg, #f56400, #ff8500);}.submit-btn:hover {background-color: #d35400;border-color: #d35400;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(211, 84, 0, 0.3);}section#contact{background: linear-gradient(78deg, #f0f9ff, #fff4ee);}.contact-txt {display: flex;align-items: center;justify-content: center;gap: 0 1rem;}.floating-elements {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;overflow: hidden;}.floating-circle {position: absolute;border-radius: 50%;opacity: 0.1;animation: float 6s ease-in-out infinite;}.floating-circle:nth-child(1) {width: 80px;height: 80px;background: #ff6b6b;top: 15%;right: -2%;animation-delay: 0s;}.floating-circle:nth-child(2) {width: 60px;height: 60px;background: #4ecdc4;bottom: 20%;left: 10%;animation-delay: 2s;}.floating-circle:nth-child(3) {width: 40px;height: 40px;background: #45b7d1;top: 60%;right: 20%;animation-delay: 4s;}@keyframes float {0%, 100% {transform: translateY(0px);}50% {transform: translateY(-20px);}}.footer {background: #ffffff;padding-top: 20px;border-top: 1px solid #e9ecef;}.footer-logo{height: 45px;}.footer-content {max-width: 1050px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}.footer-logo {display: flex;align-items: center;gap: 10px;}.footer-nav {display: flex;gap: 50px;align-items: center;}.footer-nav-item {color: #505050;text-decoration: none;font-size: 16px;font-weight: 400;transition: color 0.3s ease;}.footer-nav-item:hover {color: #4a90e2;}.footer-info {text-align: center;padding: 0;padding-top: 2rem;}.contact-description{text-align: center;}.contact-image{height: 150px;}.address {font-size: 12px;color: #666;margin-bottom: 5px;}.copyright {font-size: 11px;color: #888;}.hamburger {display: none;flex-direction: column;cursor: pointer;padding: 5px;}.hamburger span {width: 25px;height: 3px;background: #333;margin: 3px 0;transition: 0.3s;}.hamburger.active span:nth-child(1) {transform: rotate(-45deg) translate(-5px, 6px);}.hamburger.active span:nth-child(2) {opacity: 0;}.hamburger.active span:nth-child(3) {transform: rotate(45deg) translate(-5px, -6px);}.mobile-menu {position: fixed;top: 0;right: -100%;width: 300px;height: 100%;background: white;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);transition: right 0.7s ease;z-index: 999;padding: 20px;}.mobile-menu.active {right: 0;}.mobile-menu-header {display: flex;justify-content: flex-end;align-items: center;}.mobile-menu-title {font-size: 18px;font-weight: 600;color: #333;}.close-btn {background: none;border: none;font-size: 30px;cursor: pointer;color: #ffffff;position: relative;background: linear-gradient(90deg, #42a3f2ff, #1282deff);border-radius: 100rem;padding: 0.5rem;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;}.mobile-nav {display: flex;flex-direction: column;gap: 0;}.mobile-nav a {text-decoration: none;color: #333;padding: 15px 0;border-bottom: 1px solid #f0f0f0;font-weight: 500;transition: color 0.3s ease;text-align: center;}.mobile-nav a:hover {color: #007bff;}.mobile-contact-section {margin-top: 10px;padding-top: 0px;}.mobile-contact-button {background: #007bff;color: white;padding: 15px 20px;border-radius: 5px;text-decoration: none;display: flex;align-items: center;justify-content: center;gap: 8px;font-weight: 500;margin-bottom: 15px;transition: background 0.3s ease;}.mobile-contact-button:hover {background: #0056b3;}.mobile-contact-section .cta-button {min-width: 100%;}.mobile-action-buttons {display: flex;flex-direction: column;gap: 10px;margin-top: 10px;}.mobile-action-btn {padding: 12px 20px;border-radius: 5px;text-decoration: none;text-align: center;font-weight: 500;transition: all 0.3s ease;}.mobile-action-btn.primary {background: #007bff;color: white;}.mobile-action-btn.primary:hover {background: #0056b3;}.mobile-action-btn.secondary {background: #6c757d;color: white;}.mobile-action-btn.secondary:hover {background: #5a6268;}.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 998;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.overlay.active {opacity: 1;visibility: visible;}.usage-grid.slick-initialized .usage-item {margin: 0 10px;}.usage-grid.slick-initialized .usage-item {padding: 0 10px;}.usage-grid.slick-initialized {margin: 0 -10px;}.usage-grid .slick-dots {position: relative;bottom: 0;display: block;width: 100%;padding: 0;margin: 20px 0 0 0;list-style: none;text-align: center;}.usage-grid .slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.usage-grid .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 12px;height: 12px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: #ccc;border-radius: 50%;margin: 4px;transition: all 0.3s ease;}.usage-grid .slick-dots li button:hover, .usage-grid .slick-dots li button:focus {outline: none;background: #666;}.usage-grid .slick-dots li.slick-active button {background: #007bff;width: 14px;height: 14px;margin: 3px;}.usage-grid .slick-dots li button:before {content: '';}.usage-grid .slick-dots li button {text-indent: -9999px;overflow: hidden;}.usage-grid .slick-dots li button {background: rgba(0, 0, 0, 0.3);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.usage-grid .slick-dots li.slick-active button {background: #007bff;box-shadow: 0 2px 6px rgba(0, 123, 255, 0.3);}.slick-slide > div{margin: 0 5px;}@media (max-width: 1024px) {.nav-effect-1 {display: none;}.hamburger {display: flex;background: linear-gradient(90deg, #42a3f2ff, #1282deff);border-radius: 100rem;padding: 0.5rem;width: 40px;height: 40px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);justify-content: center;align-items: center;}.hamburger span {width: 20px;height: 3px;background: #fff;margin: 3px auto;transition: 0.3s;}.ctn-top-btn {display: none;}.usage-grid {grid-template-columns: repeat(3, 1fr);gap: 25px;}.process-flow {flex-direction: column;gap: 30px;}.arrow {transform: rotate(90deg);margin: 0;}.process-step {width: 90%;max-width: 100%;display: flex;}.step-content-icon{width: 25%;}.step-content-txt{width: 60%;}.flow-arrow{display: none;}.step-image {width: 130px;height: auto;margin: 0;}.step-number {text-align: left;}.step-description {text-align: left;}.step {padding: 20px;text-align: center;min-width: 220px;height: 220px;}.step-box {width: 100px;border-radius: 8px;margin: 0px auto 10px;}.step-container {gap: 0px;padding-top: 2rem;}.image-container {padding: 20px;width: 240px;height: 240px;}.demo-grid {gap: 100px;height: 500px;}.demo-item:nth-child(3) {top: -140px;}#header {padding: 10px 30px;background-color: transparent;box-shadow: none;}.side-buttons.left {left: 40px;}.side-buttons.right {right: 40px;}.trouble-container {padding: 20px;max-width: 720px;}.concern-item {padding: 15px 7px;}.benefit-item {gap: 10px;padding: 5px 0;align-items: center;}.benefits-grid {gap: 10px 20px;margin-top: 20px;padding: 0 20px;}.benefit-text {font-size: 15px;}.about-img img {max-width: 100%;}.about-wrap {gap: 0 1rem;}.about-text p {line-height: 1.6;}.about-text h3 {font-size: 1.5rem;}.about-img, .about-text{width: 50%;}#reason {padding: 3rem 1.5rem;}.hamburger span {width: 20px;height: 3px;background: #fff;margin: 3px 0;transition: 0.3s;}.logo-pc {height: 45px!important;}.arrows .arrow{transform: rotate(0deg);}.sp-none{display: none;}.image-placeholder {width: 50%;height: 300px;}.content-box {padding: 20px;}.content-box {flex: 1 1 60%;}.reason-item:nth-child(1) .number-circle, .reason-item:nth-child(3) .number-circle {left: -20px;top: -32px;}.number-circle {font-size: 5rem;}.icon-area img {max-width: 180px;margin: 0 auto;height: 130px;object-fit: contain;}.icon-area {margin-bottom: 10px;}.stats-container {gap: 30px;}.reason-item:nth-child(2) .number-circle {right: -20px;top: -32px;}.reason-title {font-size: 1.8rem;}.reasons-container {gap: 30px;}.fun-images {width: 50%;}.fun-title {font-size: 2rem;}.feature-item {margin-bottom: 10px;}.description {margin-bottom: 15px;line-height: 1.6;}#function , #number{padding: 3rem 1rem;}.feature-section {padding: 20px;}.text-content {padding-left: 0px;}.content-wrapper {gap: 0px;}.usage-item {padding: 20px 10px;min-height: 120px;}.usage-grid {grid-template-columns: repeat(5, 1fr);gap: 15px;margin-bottom: 0;}.plan-container {padding: 3rem 0;}.contact-txt {margin-bottom: 2rem;}.contact-txt img{width: 130px;}.scroll-up-btn.show {bottom: 30px;}}@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape){.process-flow {display: flex;align-items: center;justify-content: center;gap: 0px;}.contact-txt img {width: 150px;}}@media (min-width: 768px) and (max-width: 1200px) and (orientation: portrait){.main-title br.sp-none{display: block;}}@media (max-width: 768px) {.mobile-menu {width: 280px;}.custom-navigation{display: block;}#header {padding: 7px 15px;}.section-title {font-size: 28px;}.usage-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}.usage-item {padding: 30px 15px;min-height: 160px;}.icon-placeholder {width: 50px;height: 50px;font-size: 24px;margin-bottom: 20px;}.usage-title {font-size: 13px;}.process-flow {flex-direction: column;gap: 0;align-items: stretch;}.arrow {display: none;}.process-step {width: 100%;max-width: none;padding: 20px;margin-bottom: 20px;border-radius: 15px;display: flex;align-items: center;gap: 20px;text-align: left;}.step-image {width: 80px;height: 80px;flex-shrink: 0;}.step-content {flex: 1;}.step-title {font-size: 16px;margin-bottom: 8px;text-align: left;}.step-description {font-size: 12px;text-align: left;}.step-number {position: absolute;top: -10px;left: 15px;background: #4a90e2;color: white;width: 30px;height: 20px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: bold;}.usage-grid .slick-dots {margin: 15px 0 0 0;}.usage-grid .slick-dots li {width: 16px;height: 16px;margin: 0 3px;}.usage-grid .slick-dots li button {width: 10px;height: 10px;margin: 3px;}.usage-grid .slick-dots li.slick-active button {width: 12px;height: 12px;margin: 2px;}}@media (max-width: 575.98px) {.usage-grid {grid-template-columns: 1fr;gap: 15px;}.section-subtitle {margin-bottom: 20px;font-size: 15px;}.usage-item {padding: 25px 15px;min-height: 140px;}.cta-button {padding: 15px 10px;}.contact-button{gap: 0;}.hero-left h4 {font-size: 20px;}.hero-left h1 {font-size: 24px;}.hero-left-img {max-width: 380px;}.hero {top: 70px;}.hero-right img {max-width: 80%;}.concerns-grid {grid-template-columns: repeat(1, 1fr);}.step-container {flex-direction: column;}.stats-container {grid-template-columns: auto;padding: 0 2rem;}.side-buttons{display: none;}.side-buttons-sp {display: block;padding-top: 1rem;}.side-box {display: flex;justify-content: center;margin-bottom: 1rem;}.speech-bubble {top: 10px;padding: 5px 15px;}.demo-grid {gap: 50px;height: 500px;top: 140px;}.image-container {padding: 10px;width: 160px;height: 230px;}.btn-contact {top: -15%;}.orange-button {padding: 16px 40px;}.trouble-container {padding: 20px 10px;}.header-title {font-size: 22px;}.brand-logo, .step-logo {max-width: 40px;}.header-text {font-size: 23px;}.trouble-handle {margin-bottom: 30px;}.benefit-text {font-size: 14px;}.benefits-grid {gap: 10px 13px;margin-top: 0px;padding: 0 10px;}#about {padding: 3rem 0;}.about-container h2 {font-size: 2.3rem;padding-bottom: 2rem;color: #4999EF;}.about-wrap {gap: 0 1rem;flex-direction: column-reverse;padding: 0 10px;}.about-img, .about-text {width: 100%;text-align: justify;}.about-text h3 {font-size: 1.4rem;padding-bottom: 1rem;}.step-arrow{display: none;}.step-box {width: 70px;margin: 0;}.step {flex-direction: row;align-items: center;height: auto;gap: 0 1.5rem;justify-content: flex-start;}.step-container {flex-direction: column;gap: 1rem 0;padding: 0 1rem;}.title {font-size: 2rem;line-height: 1.2;}.image-placeholder {width: 100%;height: 300px;}.reason-item:nth-child(1) .number-circle, .reason-item:nth-child(3) .number-circle {left: -15px;top: -47px;}.reason-item {flex-direction: column!important;}.main-title {font-size: 22px;}.number-txt {font-size: 3rem;}.icon-area img {height: 86px;}.stat-img-sp{height: 120px!important;}.number-circle {font-size: 4rem;}.reason-item:nth-child(2) .number-circle {right: -20px;top: -50px;}.main-title-contact {font-size: 23px;}.cta-section {gap: 20px;}.contact-highlight {font-size: 1rem;}.content-wrapper {gap: 20px;flex-direction: column;}.fun-images {width: 100%;}.fun-title {font-size: 1.7rem;}.function-flex-sp{flex-direction: column-reverse;}.icon-placeholder {width: 60px;height: 60px;font-size: 24px;margin: 20px auto;}.pricing-wrapper {gap: 0px;flex-direction: column;}.pricing-card {width: 80%;}.step-title {font-size: 20px;}.step-description {font-size: 16px;}.step-number {top: -10px;left: 15px;height: 35px;width: 60px;border-radius: 5px;font-size: 12px;padding: 0;}.step-image {width: 100px;}.flow-container {padding: 3rem 0;}.form-container {padding: 30px;border-radius: 10px;}.submit-btn {width: 50%;padding: 15px;}.contact-image{display: none;}.contact-description {text-align: left;padding: 0 10px;}.footer-content {flex-direction: column;gap: 20px 0;}.footer-nav {gap: 20px;}.scroll-up-btn.show {bottom: 10px;}.scroll-up-btn {right: 15px;}.trouble-handle-container {position: relative;top: -70px;}}