#firstview {position: relative;width: 100%;height: 120vh;overflow: hidden;}canvas {position: fixed;top: 0;left: 0;z-index: -1;}.top-background {position: relative;width: 100vw;height: 100vh;}.top-text{width: 100vw;max-width: 1080px;margin: 0 ;}.catch {position: absolute;top: 10vw;z-index: 2;text-align: left;left: 12%;}.catch h1 {color: #FFC107 ;font-size: 2.5em;line-height: 1.6;font-weight: bold;}strong{font-size: 1.5em ;border-bottom:solid #FFC107 ;color: #fff;}.catch h3 {color: #E0E0E0;font-size: 1.2rem;line-height: 2.0;max-width: 1080px;}.top-text button {position: relative;margin-top: 5%;z-index: 2;width: 30%;}#feature {padding: 20px 0 50px 0;background: #ffffff;}.feature-title{width: 100%;max-width: 1080px;margin: 0 auto;align-items: center;justify-content: center;text-align: center;}.feature-title h3{font-size: 2rem;}.feature-title em{border-bottom: solid 3px #FFC107;height: -10px;}#feature .container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}.feature-wrap {display: flex;justify-content: space-between;align-items: flex-start;gap: 2rem;}.feature-item {flex: 1;background-color: #ffffff;border: 2px solid #e5e7eb;border-radius: 16px;overflow: hidden;transition: all 0.3s ease;margin: 0 12px;width: calc(33.333% - 24px);min-width: 280px;display: flex;flex-direction: column;height: 420px;box-shadow: 0 10px 15px -3px rgba(143, 143, 143, 0.9);}.feature-item img {width: 100%;height: 180px;object-fit: cover;display: block;flex-shrink: 0;}.feature-catch {padding: 24px;flex-grow: 1;display: flex;flex-direction: column;}.feature-catch h5 {font-size: 1.2rem;font-weight: bold;color: #1f2937;margin: 10px 0 16px 0;line-height: 1.5;text-align: center;}.feature-catch p {font-size: 14px;color: #4b5563;line-height: 1.6;margin: 0;}.feature-container {display: flex;gap: 24px;padding: 20px;max-width: 1200px;margin: 0 auto;flex-wrap: wrap;justify-content: center;}#feature a{margin: 0 10%;margin-bottom: 5%;color: #FFC107;transition: background-color 0.3s ease, transform 0.3s ease;text-decoration: none;}#feature a:hover{background-color: #fff;color: #007bff;transform: scale(1.05);}#function {padding: 6rem 0;background-color: #f8f9fa;z-index: 100;}.function-title-top{text-align: center;margin-bottom: 2rem;color: #333;}#function button{margin-left: 5%;}.function-title {text-align: left;margin-bottom: 1rem;width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;padding: 0 2rem;font-size: 2rem;}.function-title h3 {font-size: 2.0rem;font-weight: bold;color: #333;margin-bottom: 0.5rem;}#function .container {max-width: 1080px;margin: 0 auto;padding: 2% 5%;display: flex;justify-content: space-between;align-items: center;gap: 4rem;border: solid 2px #333;border-radius: 10px;}.left {width: 100%;max-width: 400px;margin: 0 auto;}.logo-container {display: flex;justify-content: center;}.logo-row {display: flex;justify-content: center;gap: 10%;}.logo-circle {width: 150px;height: 150px;border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #fff;}.logo-circle img {width: 90%;height: 90%;object-fit: contain;}.right {flex: 1;margin: 0 5%;}.function-title h2 {font-size: 2rem;margin-bottom: 1.5rem;text-align: justify;}.function-title p {font-size: 1rem;line-height: 1.8;text-align: justify;}.left-2 img {width: 100%;max-width: 400px;margin: 0 auto;margin-top: 20%;}#partners {padding: 6rem 0;background-color: #ffffff;}.partners-title {text-align: center;margin-bottom: 1rem;}.partners-title h3 {font-size: 2rem;color: #333;font-weight: bold;margin-bottom: 5%;}.logos {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}.logos-container {display: flex;flex-direction: column;gap: 2rem;margin-bottom: 3rem;}.images-up, .images-bottom {display: flex;justify-content: center;align-items: center;gap: 3rem;}.images-up img, .images-bottom img {max-width: 150px;height: auto;transition: all 0.3s ease;}.partners-text {text-align: center;margin-top: 3rem;padding: 0 2rem;}.partners-text p {font-size: 0.9rem;color: #666;line-height: 2;word-spacing: 0.5em;}#voice {padding: 80px 0;background: none;}#voice .title {text-align: center;margin-bottom: 60px;}#voice .title h3 {font-size: 2.4rem;font-weight: bold;color: #fff;position: relative;display: inline-block;}#voice .title h3::after {content: '';width: 60px;height: 3px;background: #FFC107;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);}.voice-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.voice-wrap {display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;padding: 30px;background: #ffffff;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}.voice-catch {flex: 1;padding-right: 40px;}.voice-catch h4 {font-size: 1.6rem;font-weight: bold;color: #333;margin-bottom: 20px;}.voice-catch p {font-size: 1rem;line-height: 1.8;color: #666;}.voice-image {width: 300px;height: 200px;}.voice-image img {width: 100%;height: 100%;object-fit:contain;border-radius: 5px;}#contact {padding: 1rem 0;background-color: #f5f5f5;}.contact-title {text-align: center;margin-bottom: 40px;}.contact-title h3 {font-size: 2rem;margin-bottom: 16px;}.contact-title p {font-size: 16px;color: #666;}.contact-wrapper {max-width: 800px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}.contact-left {text-align: center;}.contact-left h4 {font-size: 3rem;color: #333;margin-bottom: 8px;}.contact-left p {font-size: 14px;color: #666;}.contact-right {display: flex;flex-direction: column;gap: 1em;}.contact-right button {position: relative;width: 280px;padding: 12px 40px 12px 24px;background-color: #fff;border: 2px solid #0e68bb;border-radius: 40px;font-size: 16px;cursor: pointer;transition: all 0.3s ease;text-align: left;}.contact-right button::after {content: '→';position: absolute;right: 5rem;top: 50%;transform: translateY(-50%);transition: right 0.3s ease;}.contact-right button:hover {background-color: #0e68bb;color: #fff;border: 2px solid #fff;font-weight: bold;}.contact-right button:hover::after {right: 12px;}#contact {padding: 6rem 0;background-color: #f8f9fa;text-align: center;}.contact-title {font-size: 2rem;font-weight: bold;color: #333;margin-bottom: 3rem;position: relative;}.contact-wrapper {max-width: 800px;margin: 0 auto;display: flex;justify-content: center;gap: 2rem;padding: 0 2rem;}.contact-wrapper button {padding: 1.1rem 2.5rem;font-size: 1.0rem;font-weight: 500;color: #fff;background-color: orange;border: 2px solid orange;border-radius: 50px;cursor: pointer;transition: all 0.3s ease;min-width: 200px;}button:hover {background-color: #fff;color: orange;transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);}button:active {transform: translateY(0);box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3);}button{width: 70%;border-radius: 40px;height: 60px;margin-top: 5%;background-color: orange;border: #f8f9fa;font-size: 1rem;color: #fffFFF;font-weight: bold;transition: all 0.3s ease;}