.header{position:absolute}#main{overflow:hidden}#particles-js{position:absolute;width:100%;height:100%}.banner-about-us{width:100%;background-image:url(https://cdn.yopaz.com/assets/images/home/banner_about_us.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;top:68px;position:relative}.fw-5{font-weight:500}#about-us{position:relative}#background-about-us{background-image:url(https://cdn.yopaz.com/assets/images/home/main_bg.avif);background-repeat:repeat;position:absolute;z-index:-100;top:0;right:0;bottom:0;left:0}.banner-about-us-content{width:53%;margin:0 auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:102px 0 114px}.about-text-jp{font-size:36px;font-weight:600;margin-bottom:8px}.about-text-en{font-family:MuseoSans_0,sans-serif;font-size:24px;font-weight:600;margin-bottom:0;text-transform:uppercase}.about-us-line{width:52px;height:1px;background-color:#fff;margin-block:12px}.banner-about-us-info{font-family:Kozuka-Gothic-Pr6N,sans-serif;font-size:16px;font-weight:500}.banner-about-us-info p{margin-bottom:0}.message-about-us{margin-top:68px;background:url(https://cdn.yopaz.com/assets/images/home/bg-about-us.avif),no-repeat;background-color:#e9ecf0;padding-top:1px;padding-bottom:228px;background-size:cover}.message-img-box:after{top:30%;content:"";position:absolute;width:718px;height:718px;bottom:19px;left:110%;transform:translateX(-70%);border-radius:100%;filter:blur(24.5px);background:radial-gradient(50% 50% at 50% 50%,rgba(252,63,63,.2) 0,rgba(234,177,177,0) 100%)}.message-about-us .message-layout{max-width:1325px;margin-inline:auto}.message-box{background-color:#fff;padding:52px;position:absolute;top:0;width:50%;right:8%}.message-box-title{font-size:36px;margin-bottom:32px;font-weight:700}.message-description{line-height:24px;font-size:14px;font-weight:300}.message-description p{margin-bottom:12px}.message-footer{display:flex;align-items:center;margin-top:32px}.message-footer p{font-size:18px;font-weight:600;margin-bottom:0}.message-line{width:98px;height:2px;background-color:#161317;margin-right:16px}.company-profile,.message-layout{position:relative}.company-profile{padding:101px 0 126px 97px;box-shadow:0 4px 18px 0 #d0d0d0;margin-top:-231px;background-color:#fff;z-index:1}.company-profile .row{display:flex;width:100%;margin:0}.company-profile .row>*{margin:0;padding:0;width:unset}.company-profile .profile-info{width:42.867%}.company-profile-title{font-size:36px;font-weight:700;margin-bottom:16px}.profile-box{display:flex;align-items:center;justify-content:space-between}.profile-box:not(:last-child){border-bottom:1px solid #bdbdbd}.profile-content .profile-box:not(:first-child):not(:last-child){padding-block:24px 23px}.profile-content .profile-box:first-child{padding-block:0 24px}.profile-content .profile-box:last-child{padding-block:24px 0}.profile-box-label{font-size:16px;font-weight:700}.profile-box-info{font-size:16px;font-weight:500}.profile-box a{cursor:pointer}.tooltip-box{position:absolute;display:inline-block;width:100%}.tooltip-box .tooltiptext{visibility:hidden;background-color:#e5e6e7;color:#000;text-align:left!important;padding:10px;border-radius:6px;position:absolute;z-index:1;top:20px;width:100%}.have-link:has(.icon:hover)+.tooltip-box .tooltiptext{visibility:visible}.profile-content .have-tooltip{position:relative;cursor:pointer}.profile-box p{margin-bottom:0}.company-profile .profile-mg{padding-left:78px;z-index:1}.profile-box p:last-child{text-align:right}.profile-img:after{content:"";background:#e9ecf0;width:92%;height:95%;display:block;position:absolute;top:69px;left:49px;bottom:0;z-index:-1}.profile-img{height:100%;position:relative}.company-profile-img{width:100%;transform:translateY(190px)}.container-layout{margin-top:clamp(2.5rem,1.3167rem + 5.0485vw,7.375rem)}.container-layout-profile,.container-layout .gallery,.row-key-member{margin-inline:auto;max-width:1325px}.row-key-member{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.key-member-title{font-size:36px;text-align:center;margin-bottom:40px;font-weight:700}.image-container,.key-member-box{position:relative}.image-container{flex:0 0 auto}.image-container .member-mb{display:none}.item-key-member .hover-info{position:relative;display:table-column;background:transparent;width:100%;height:0;z-index:10;opacity:0;transition:height .5s ease-in-out,background .5s ease-in-out,opacity .5s ease-in-out;overflow:hidden}.key-member-box .image-container img{width:100%}.item-key-member{overflow:hidden;position:relative}.member-info{color:#fff;width:100%}.hover-info .info-desc,.member-info{position:absolute;bottom:0;text-align:center}.hover-info .info-desc{color:var(--ffffff,#fff);left:0;right:0;transform:translateY(100%);transition:transform .5s ease-in-out}.hover-info .info-desc .info-text{font-size:16px;font-weight:400}.hover-info .info-desc .info-title{margin-bottom:12px;font-size:24px;font-weight:700}.member-name{font-size:24px;margin-bottom:0;font-weight:600}.member-position{text-align:center;font-size:16px;margin-bottom:43px;font-weight:600}.row-member{margin-top:20px}.gallery{margin-top:114px;padding-bottom:18px}.gallery-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:52px}.gallery-content{position:relative;height:550px}.gallery-content img{width:80%;height:100%;padding:6px;background:#fff}.gallery-description{z-index:1;position:absolute;width:453.63px;top:154px;right:0;padding:54px 52px 55px 55px;background:hsla(0,0%,100%,.8)}.gallery-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-image{padding-bottom:150px;margin-top:-170px;overflow:hidden}.gallery-images{position:relative;min-height:750px;overflow:hidden}.gallery-main{padding-inline:160px}.gallery-background{filter:blur(5px);overflow:hidden;opacity:.65;position:absolute;z-index:-1;top:72px;left:60px}.gallery-background img{width:95%}.gallery-description p{line-height:24px;font-weight:300;font-size:16px;margin-bottom:0}.gallery-description:before{content:"";position:absolute;width:15%;height:40%;filter:drop-shadow(0 4px 7px #71aaff);background:transparent;border-left:4px solid #fff;border-top:4px solid #fff;top:0;left:0}.background_member{position:absolute;left:0}.message-img-box{position:relative;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow:hidden}.message-img img{margin-top:25px;margin-bottom:-3px}.gallery-layout-mb{overflow:hidden}@media screen and (max-width:1501px){.company-profile{padding:101px 97px}.company-profile .profile-mg{margin-bottom:100px;margin-inline:auto}.profile-content .profile-box:last-child{padding-block:24px}.company-profile .profile-mg{max-width:57%}}@media screen and (max-width:1400px){.gallery-content img{width:100%;height:450px}}@media screen and (max-width:1366px){.gallery-content{height:600px}.container-layout-profile,.container-layout .gallery,.message-about-us .message-layout{max-width:1100px;padding-inline:12px}.gallery-description p{font-size:15px}.gallery-images{min-height:710px}.message-about-us{padding-bottom:100px}.company-profile{margin-top:-150px}.message-box{right:12px;padding:32px}.message-box-title{font-size:28px;margin-bottom:16px}.about-text-en,.member-name,.message-footer p{font-size:18px}.about-text-jp,.gallery-title,.key-member-title{font-size:28px}.banner-about-us-info,.message-description p{font-weight:300}.company-profile{padding:40px 80px}.row-key-member{max-width:1100px;padding-inline:12px}.member-position{font-size:14px;margin-bottom:20px}.company-profile .profile-mg{padding-left:18px;max-width:40%}.company-profile .profile-info{width:50%}}@media screen and (max-width:991px){.gallery-images{min-height:unset;position:unset;overflow:unset}.banner-about-us-info{font-size:13px}.message-img-box:after{display:none}.gallery-background{right:-20px}.message-img img{max-width:350px}.gallery-image{margin-top:unset}.member-name{font-size:14px}.row-key-member{gap:20px}.member-position{font-size:12px}.message-img-box{margin-inline:auto}.company-profile{margin-top:-75px}.company-profile .profile-info{width:52%}.company-profile .profile-mg{padding-left:0}.profile-content .profile-box:not(:first-child):not(:last-child){padding-block:12px}.message-about-us{margin-top:52px}.container-layout-profile,.container-layout .gallery,.message-about-us .message-layout,.row-key-member{max-width:750px;padding-inline:0}.gallery-description:before{filter:drop-shadow(0 2px 6px #71aaff);border-left:3px solid #fff;border-top:3px solid #fff}.key-member{margin-top:100px}.banner-about-us{background-image:url(https://cdn.yopaz.com/assets/images/home/banner_about_us_mb.avif);top:52px}.banner-about-us-content{width:91%;padding:60px 0 66px}.message-box{z-index:20;position:-webkit-sticky;position:sticky;width:unset;padding:18px 16px}.message-box-title{text-align:center}.message-description p{margin-bottom:10px}.message-footer p{font-size:14px}.message-line{width:25px}.message-footer{justify-content:center}.company-profile-title{font-size:28px}.profile-content{width:100%}.profile-box p{font-size:13px}.profile-mg{margin-top:20px}.gallery{margin-top:80px}.gallery-title{font-size:28px;margin-bottom:40px}.gallery-main{padding-inline:unset}.gallery-background img{width:100%}.gallery-description{position:relative;width:100%;top:unset;transform:unset;right:unset;padding:16px;margin-bottom:12px}.gallery-layout-mb{position:relative;display:flex;flex-direction:column-reverse;justify-content:space-between}.gallery-description p{margin-bottom:0;font-size:14px}.gallery-description:before{height:60%;width:8%}.company-profile{padding:30px}}@media screen and (max-width:768px){.about-text-jp,.company-profile-title,.gallery-title,.key-member-title,.message-box-title{font-size:18px}.company-profile-title{text-align:center}.about-text-jp{margin-bottom:0}.about-text-en{font-size:14px}.container-layout-profile,.container-layout .gallery,.message-about-us .message-layout,.row-key-member{max-width:600px}.company-profile .row{display:inline}.company-profile .profile-info{width:100%}.company-profile .profile-mg{max-width:100%}.company-profile-img{transform:none}.message-about-us{padding-top:0;background-repeat:no-repeat;background-size:100% 600px;background-image:url(https://cdn.yopaz.com/assets/images/pages/about_us/skyscraper.avif)}.row-key-member{grid-template-columns:repeat(2,1fr)}.key-member{margin-top:40px}}@media screen and (max-width:650px){.container-layout-profile,.container-layout .gallery,.message-about-us .message-layout,.row-key-member{max-width:min(calc(100vw - 12px),480px)}.about-us-line{margin-block:4px}.container-layout .gallery{max-width:unset}.gallery-content,.gallery-description{max-width:min(calc(100vw - 12px),480px);margin-inline:auto}.gallery-content{height:320px}.gallery-background{right:0;left:0;top:170px}.message-description{text-align:justify}.profile-img:after{height:122%;display:block;top:-24px}.key-member{margin-top:0}.company-profile-img{width:92%}.gallery-content img{height:unset}.company-profile .profile-mg{margin-top:20px;margin-bottom:40px}.gallery-content img{padding:0}}@media screen and (max-width:450px){.gallery-content{height:unset}.gallery{margin-top:40px}.profile-box-info{max-width:79%}.banner-about-us-info br{display:none}.gallery-background{right:0;left:0;top:225px}.gallery-title{margin-bottom:12px}.gallery-image{max-width:calc(100vw - 12px);margin-inline:auto;padding-bottom:40px}.row-key-member{margin-inline:auto;grid-template-columns:1fr;justify-items:center;gap:12px}.key-member-title{margin-bottom:12px}}@media screen and (max-width:375px){.image-container{background-color:#f0f0f0}.key-member-box .image-container img:first-child{scale:.7333;transform-origin:50% 0}.image-container .member-mb{display:unset}.image-container .member{display:none}.item-key-member{width:351px;height:351px}.key-member-box .image-container img:last-child{width:100%;height:351px}.key-member-box .image-container{height:351px}}

/*# sourceMappingURL=about_us.css.map*/