.main-container{margin-top:0!important}.hidden{display:none!important}.contact-padding-top{padding-top:88px}.block{display:block!important}.flex{display:flex!important}.banner{position:relative;width:100%;height:auto;overflow:hidden}.banner .background-yopaz-company{width:100%;height:auto;display:block;transform:translateY(-132px)}.banner .scroll-indicator{position:absolute;bottom:22%;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-self:center;font-weight:400;font-size:18px;line-height:27px;color:var(--text-color);gap:12px}.banner .scroll-indicator .scroll-line{width:1px;height:66px;background-color:var(--text-color)}.banner .yopaz-team{position:absolute;bottom:10%;left:0;z-index:1}.banner .yopaz-team img{width:100%;height:auto;display:block}.banner .yopaz-team .company-introduction__content{position:relative;padding:18px;margin:212px;background:#e9eef5;border-radius:20px}.banner .yopaz-team .company-introduction__text{border:4px solid #FFFFFF;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.company-introduction{position:relative;padding:0 212px 360px}.company-introduction .company-content{background:#e9eef5;padding:18px;border-radius:20px;position:relative;z-index:1}.company-introduction .company-content .company-text{display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #FFFFFF;border-radius:20px;padding:116px 160px;gap:12px}.company-introduction .company-content .company-text h2{font-weight:400;font-size:20px;line-height:30px;color:var(--text-color);text-align:center;margin:0}.company-introduction .company-content .company-text p{font-weight:400;font-size:20px;line-height:30px;color:var(--text-color);text-align:center}.company-introduction .member-image{position:absolute;z-index:3;width:180px;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.company-introduction .member-giap{bottom:15%;left:12%}.company-introduction .member-hai{bottom:2%;left:34%}.company-introduction .member-kien{bottom:12%;right:10%;transform:rotate(8deg)}.about-yopaz-group{background-image:url(https://cdn.yopaz.jp/build/assets/bg-yopaz-group-Cuf6SOWL.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;width:100vw;height:100vh}.about-yopaz-group-content{display:flex;transform:translate(100vw)}.about-yopaz-group-content section{width:calc(100vw - 424px)}.about-yopaz-group .bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9eef5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:0}.ceo-message{position:relative;display:flex;align-items:center;height:920px;gap:100px;background:transparent;z-index:1;padding:0 212px;width:100vw}.ceo-message .ceo-photo{border-radius:20px;background:#fff;height:562px;width:482px;display:flex;align-items:end}.ceo-message .ceo-photo img{width:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:-3px}.ceo-message .ceo-content{display:flex;flex-direction:column;gap:32px;width:calc(100vw - 1006px);height:68%}.ceo-content .ceo-title{font-weight:500;font-size:56px;line-height:56px;margin:0;color:#fff}.ceo-content .ceo-description{font-weight:500;font-size:16px;line-height:24px;margin:0;color:#fff;letter-spacing:1px}.ceo-content .ceo-signature{display:flex;gap:24px;align-items:center;letter-spacing:1px}.ceo-content .ceo-signature .ceo-line{border:2px solid #FFFFFF;width:112px}.ceo-content .ceo-signature .ceo-text{font-weight:500;font-size:18px;line-height:100%;color:#fff}#aboutYopaz .company-overview{position:relative;display:flex;align-items:center;justify-content:center;height:950px;gap:40px;background:transparent;z-index:1;padding:0 212px}#aboutYopaz .company-overview .company-contact{width:51%;display:flex;flex-direction:column;justify-content:space-between;height:664px}#aboutYopaz .company-overview .company-contact .contact-title{font-weight:500;font-size:56px;line-height:56px;margin:0;color:#fff}.company-contact .contact-vietnam-office{display:flex;flex-direction:column;gap:20px;padding-bottom:32px;border-bottom:1px solid #FFFFFF}.company-contact .contact-japan-office{display:flex;flex-direction:column;gap:20px;padding-top:32px}.company-contact .contact-vietnam-office .contact-flag-vietnam,.company-contact .contact-japan-office .contact-flag-japan{width:40px;height:24px;-o-object-fit:cover;object-fit:cover}.company-contact .contact-detail{display:flex;flex-direction:column;gap:18px}.company-contact .contact-detail .contact-detail-row{display:flex;justify-content:space-between}.company-contact .contact-detail .contact-detail-row .contact-detail-label{font-weight:500;font-size:18px;line-height:27px;margin:0;color:#fff}.company-contact .contact-detail .contact-detail-row .contact-detail-value{font-weight:500;font-size:18px;line-height:100%;margin:0;color:#fff}#aboutYopaz .company-overview .company-info{flex:1;padding:40px;background:#000c;border-radius:20px}.company-info .company-info-item{display:flex;justify-content:space-between;padding:32px 0;border-bottom:1px solid #FFFFFF}.company-info .company-info-item:first-child{padding-top:0}.company-info .company-info-item:last-child{padding-bottom:0;border-bottom:none}.company-info .company-info-item .company-info-label{font-weight:500;font-size:18px;line-height:27px;color:#fff}.company-info-label.nowrap{white-space:nowrap}.company-info .company-info-item .company-info-value{font-weight:500;font-size:18px;line-height:27px;color:#fff}.company-info .company-info-item .company-info-value.text-right{text-align:right}.company-info .company-info-item .company-info-value-link-right{font-size:15px;line-height:25px}.company-info .company-info-sees{display:flex;align-items:center;justify-content:space-between;gap:4px}.company-info .company-info-item .info-icon{position:relative;display:flex;align-items:center;justify-content:center;background-color:#555;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer}.company-info .company-info-item .info-icon:after{content:attr(data-tooltip);background-color:#e5e6e7;right:0;color:var(--text-color);text-align:left!important;padding:10px;border-radius:6px;position:absolute;z-index:1;top:28px;width:360px;font-size:16px;white-space:pre-line;opacity:0;display:none}.company-info .company-info-item .info-icon:hover:after{opacity:1;display:block}.company-info .company-info-item .company-info-value.value-link{text-decoration:underline;text-underline-offset:2px;font-weight:700}.company-info .company-info-item .company-info-value .company-info-business-list{margin:0}.company-info-item .company-info-value .company-info-business-list .company-info-business-item{text-align:right}.company-info .company-info-item .company-info-value .company-info-phone{color:#fff}.founders-overview{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:120px;background:transparent;z-index:1;padding:0 212px}.founders-overview .founders-info-left,.founders-overview .founders-info-right{display:flex;flex-direction:column;gap:88px}.founders-overview .founders-image{border-radius:20px;background:#fff;height:443px;width:384px;display:flex;justify-content:center;align-items:end;overflow:hidden}.founders-overview .founders-image img{height:100%;-o-object-fit:cover;object-fit:cover}.founders-overview .founders-info-item{display:flex;flex-direction:column;gap:32px}.founders-overview .founders-details{display:flex;flex-direction:column;gap:12px}.founders-overview .founders-details .founders-name{font-weight:700;font-size:32px;line-height:44px;color:#fff}.founders-overview .founders-details .founders-position{font-weight:700;font-size:24px;line-height:35px;color:#fff}.founders-overview .founders-central-text{writing-mode:vertical-rl;font-weight:500;font-size:56px;line-height:56px;color:#fff;margin:0}.company-milestone-2019{position:absolute;width:100%;height:100vh;z-index:1}.company-milestone-2019 img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}.company-milestone-2019 .company-milestone-content{position:absolute;top:30%;right:4%;width:48%;display:flex;flex-direction:column;z-index:2}.company-milestone-2019 .company-milestone-content .milestone-year{font-family:Poppins;font-weight:500;font-size:20px;color:var(--text-color);margin:0;letter-spacing:1px}.company-milestone-2019 .company-milestone-content .milestone-title{font-family:Poppins;font-weight:600;font-size:30px;color:var(--text-color);margin:0;letter-spacing:1px}.company-milestone-2019 .company-milestone-content .milestone-description{font-weight:400;font-size:20px;color:var(--text-color);margin:12px 0 0;letter-spacing:1px}.company-milestone-2019 .company-milestone-content .milestone-content{display:flex;flex-direction:column;gap:12px;font-size:20px;color:var(--text-color);padding-left:40px;border-left:2px solid var(--text-color);margin:40px 0 0;list-style-type:disc;list-style-position:outside}.company-milestone-2023{transform:translateY(100vh);background-image:url(https://cdn.yopaz.jp/build/assets/bg-yopaz-2023-CmvLo9bq.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;height:100vh;overflow:hidden}.overlay{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:1;pointer-events:none}.company-milestone-2023 .company-milestone-content{position:absolute;top:30%;right:12%;width:36%;display:flex;flex-direction:column;gap:40px;z-index:2}.company-milestone-2023 .company-milestone-content .milestone-year{font-family:Poppins;font-weight:300;font-size:88px;line-height:56px;color:var(--text-color);margin:0}.company-milestone-2023 .company-milestone-content .milestone-description{font-weight:700;font-size:20px;color:var(--text-color);padding-left:70px;border-left:2px solid var(--text-color)}.company-milestone-2025{background-image:url(https://cdn.yopaz.jp/build/assets/bg-yopaz-2025-D2XSGzMF.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;height:100vh;overflow:hidden}.company-milestone-2025 .company-milestone-content{position:absolute;top:30%;right:12%;width:36%;display:flex;flex-direction:column;gap:40px;z-index:2}.company-milestone-2025 .company-milestone-content .milestone-year{font-family:Poppins;font-weight:300;font-size:88px;line-height:56px;color:var(--text-color);margin:0}.company-milestone-2025 .company-milestone-content .milestone-description{font-weight:700;font-size:20px;color:var(--text-color);padding-left:70px;border-left:2px solid var(--text-color)}.company-milestone .company-milestone-content{position:absolute;top:30%;right:4%;width:48%;display:flex;flex-direction:column;z-index:2}.company-milestone .company-milestone-content .milestone-year{font-family:Poppins;font-weight:500;font-size:20px;color:var(--text-color);margin:0;letter-spacing:1px}.company-milestone .company-milestone-content .milestone-title{font-family:Poppins;font-weight:600;font-size:30px;color:var(--text-color);margin:0}.company-milestone .company-milestone-content .milestone-description{font-weight:400;font-size:20px;color:var(--text-color);margin:12px 0 0;letter-spacing:1px}.company-milestone .company-milestone-content .milestone-content{display:flex;flex-direction:column;gap:12px;font-size:20px;color:var(--text-color);padding-left:40px;border-left:2px solid var(--text-color);margin:40px 0 0;list-style-type:disc;list-style-position:outside}.president-message{margin-top:152px;display:flex;flex-direction:column;gap:40px;position:relative;overflow:visible}.president-message .president-message-title{font-weight:500;font-size:56px;line-height:56px;margin:0 0 48px;padding-left:212px;color:var(--text-color)}.president-message .president-message-list{position:relative;height:300px}.president-message .president-message-list img{width:471px;height:300px;border-radius:20px;-o-object-fit:cover;object-fit:cover;position:absolute;top:0}#president-message-rtl img{right:-511px}#president-message-ltr img{left:-511px}body{overflow-y:auto;overflow-x:hidden}.about-us-title{position:absolute;top:30%;transform:translate(-50%);left:50%}.about-us-title img{opacity:0;transform:translate(-50px)}.yopaz-team,.scroll-indicator{opacity:0}.yopaz-image-wrapper{width:400px;height:400px;border-radius:50%;overflow:hidden;position:absolute;top:25%;left:50%;transform:translate(-50%);background-image:url(https://cdn.yopaz.jp/build/assets/bg-yopaz-group-Cuf6SOWL.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.company-milestone-logo{position:absolute;top:50%;opacity:0;height:100vh;transform:translateY(-50%);width:100%;display:flex;align-items:center;justify-content:center;gap:2rem}.rounded-image-container{width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;justify-content:center}.rounded-image-container img{height:auto}.company-milestone-logo .rounded-image{border-radius:100%}
