@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.119.woff2) format("woff2");unicode-range:U+3041-307F,U+3081-308F,U+3091-3093,U+3099-309A,U+309D-309E,U+30A1-30E1,U+30E3-30ED,U+30EF-30F0,U+30F2-30F4,U+30FB-30FE}@font-face{font-family:Noto Sans TC;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../assets/fonts/font/notoserifjp-kana-w.54.woff2) format("woff2");unicode-range:U+3094-3096,U+309F-30A0,U+30EE,U+30F7-30FA,U+30FF}.benefit-item .benefit-li:before,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .collapse-label{font-size:1.125rem;font-weight:700;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){.benefit-item .benefit-li:before,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .collapse-label{font-size:1rem}}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1.125rem;font-weight:500;line-height:1.8;letter-spacing:.5px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{font-size:1rem}}.benefit-item .benefit-li .li-text{font-size:1.25rem;font-weight:500;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1200px){.benefit-item .benefit-li .li-text{font-size:1.125rem}}section.join .title,section.benefit .text-box .title,section.promotion .title{font-size:2.5rem;font-weight:600;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){section.join .title,section.benefit .text-box .title,section.promotion .title{font-size:1.875rem}}.benefit-item .title{font-size:1.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px}@media only screen and (max-width:1200px){.benefit-item .title{font-size:1.625rem}}section.banner[data-type=img] .title,section.banner[data-type=normal] .title{font-size:3.125rem;font-weight:600;line-height:1.4;letter-spacing:2px}@media only screen and (max-width:1200px){section.banner[data-type=img] .title,section.banner[data-type=normal] .title{font-size:2rem}}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{max-width:100%;vertical-align:middle}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 30px!important}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{color:var(--text-color);transition:color .5s,font-weight .5s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{left:0;right:initial;background-color:var(--primary-color);transition:width .5s,background .5s}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{padding:0}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background-color:transparent;width:20px}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid var(--text-color);border-left:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next{right:0;transform:translate3d(0,-50%,0)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid var(--text-color);border-right:2px solid var(--text-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category,.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{font-weight:700;color:var(--primary-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:0 5px 8px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{height:3px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .drag-container .wrapper{display:grid}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .drag-container .collapse-placeholder{display:none}.multipurpose-wrapper multipurpose-nav[m4-type=collapse].expand .collapse-container{transition:opacity .3s,transform .3s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .open-collapse{flex-shrink:0;margin-left:30px;padding-left:30px;border-left:1px solid rgba(from currentColor r g b/20%);width:50px;height:30px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .open-collapse:before{border:none;width:auto;height:auto;font-family:icomoon!important;speak:never;font-size:.625rem;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;content:""}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .collapse-placeholder{padding:0;opacity:0}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container{padding:30px;top:calc(100% + 17.5px);border-radius:15px;border:none;box-shadow:0 0 20px #0000001a;max-width:100%;transition:opacity .3s .3s,transform .3s .3s;display:flex;flex-direction:column;gap:15px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.dark{background-color:var(--dark-color);color:var(--light-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.dark .category{color:var(--p-light-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.light{background-color:var(--light-color);color:var(--dark-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container.light .category{color:var(--p-dark-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .wrapper{margin:0 -5px -10px}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item{margin:0 5px 10px;padding:0 20px;display:flex;align-items:center;justify-content:center;border-radius:100px;border:1px solid rgba(from currentColor r g b/20%);min-width:150px;max-width:100%;min-height:50px;transition:background .5s}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:transparent}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover .category{color:var(--primary-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item:hover.active .category{color:var(--hover-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:var(--primary-color);border-color:transparent}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:var(--hover-color)}.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .collapse-container .category{color:var(--p-dark-color);transition:color .5s}.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}@media only screen and (max-width:1200px){.multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 20px!important}}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category{font-weight:700}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .icon-box{margin-left:5px;transform:translateY(-2px);max-width:15px;opacity:1;transition:margin .5s,max-width .5s,opacity .5s .3s}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 5px;display:flex;align-items:center;justify-content:center;min-width:250px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category:after,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{height:5px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .icon-box{margin-left:0;max-width:0;height:15px;opacity:0;font-size:.9375rem;transition:margin .5s .3s,max-width .5s .3s,opacity .5s}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container{justify-content:center}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 50px}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .navigation .button div:before{width:12px;height:12px}@media only screen and (max-width:1200px){.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 5px!important}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .item.active .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item:hover .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .item.active .category .icon-box{max-width:12px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category{min-width:100px}.g-multipurpose-wrapper multipurpose-nav[m4-type=collapse] .drag-container .category .icon-box,.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category .icon-box{display:none}.g-multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container.scrollable{padding:0 30px}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=collapse] .drag-container .wrapper,.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .wrapper{gap:10px 35px!important}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=collapse] .drag-container .category,.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .category{padding:20px 0;min-width:initial}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .item.active .category:after{width:0}.g-multipurpose-wrapper multipurpose-nav[data-style-type=dot][m4-type=drag] .drag-container .item:not(:last-child):after{position:absolute;top:50%;right:-17.5px;transform:translateY(-50%);display:block;border-radius:50%;background:#0003;width:5px;height:5px;content:""}}section.banner[data-type=normal]>.container{padding:var(--nav-height) var(--side-space) 0;position:relative;display:flex;min-height:500px;overflow:hidden}section.banner[data-type=normal]>.container:before{position:absolute;top:var(--nav-height);left:0;z-index:-2;display:block;background:linear-gradient(180deg,#f9f9f9,#fff0);width:100%;height:100px;content:""}section.banner[data-type=normal] .decoration-text{position:absolute;top:calc(var(--nav-height) + 10px);left:-33px;z-index:-1;color:#f0f0f0;font-size:clamp(6.25rem,-1.7658rem + 22.3048vw,25rem);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}section.banner[data-type=normal] .content-box{padding:50px 0;margin:0 auto;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:20px;max-width:640px;min-height:100%;text-align:center}@media only screen and (max-width:1200px){section.banner[data-type=normal]>.container{min-height:400px}section.banner[data-type=normal]>.container:before{height:50px}}@media only screen and (max-width:1024px){section.banner[data-type=normal]>.container{min-height:initial}section.banner[data-type=normal] .decoration-text{top:calc(var(--nav-height) + 8px);left:0}section.banner[data-type=normal] .content-box{padding:80px 0 30px}}@media only screen and (max-width:767px){section.banner[data-type=normal] .content-box{margin:0;align-items:start;max-width:initial;text-align:left}}section.banner[data-type=img]{position:relative}section.banner[data-type=img][data-theme=dark]{color:var(--dark-color)}section.banner[data-type=img][data-theme=light]{color:var(--light-color)}section.banner[data-type=img]>.bg{position:absolute;inset:0;width:100%;height:100%}section.banner[data-type=img]>.bg:after{position:absolute;inset:0;display:block;background:linear-gradient(0deg,#0000 80.43%,#0003);width:100%;height:100%;content:""}section.banner[data-type=img]>.bg img{width:100%;height:100%;object-fit:cover}section.banner[data-type=img]>.container{padding:var(--nav-height) var(--side-space) 0;position:relative;display:flex;min-height:700px}section.banner[data-type=img] .content-box{margin:0 auto;padding:100px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:640px;text-align:center}@media only screen and (min-width:1921px){section.banner[data-type=img]>.container{aspect-ratio:1920/700}}@media only screen and (max-width:1200px){section.banner[data-type=img]>.container{min-height:500px}section.banner[data-type=img] .content-box{padding:60px 0 80px}}@media only screen and (max-width:575px){section.banner[data-type=img]>.container{min-height:450px}}.action-wrapper .g-multipurpose-wrapper{padding:0 calc(var(--1fr) * 3);grid-column:5/-5;border-bottom:1px solid rgba(0,0,0,.2)}@media only screen and (max-width:1536px){.action-wrapper .g-multipurpose-wrapper{grid-column:4/-4}}@media only screen and (max-width:1024px){.action-wrapper .g-multipurpose-wrapper{padding:0 var(--side-space);grid-column:1/-1}}section.content>.container{padding:100px 0 150px;display:flex;flex-direction:column;gap:150px}@media only screen and (max-width:1024px){section.content>.container{padding:50px 0 80px;gap:80px}}section.promotion>.container{position:relative;grid-column:5/-5;display:flex;gap:calc(var(--1fr) * 3)}section.promotion .decoration-arrow{position:absolute;bottom:-.8854166667vw;left:-8.5416666667vw;z-index:-1;width:clamp(9.375rem,99.029px + 13.592vw,22.5rem);height:clamp(9.375rem,99.029px + 13.592vw,22.5rem);-webkit-user-select:none;user-select:none}section.promotion .decoration-arrow img{width:100%;height:100%;object-fit:cover}section.promotion .text-box{padding:80px 0;flex-shrink:0;display:flex;flex-direction:column;gap:20px;justify-content:center;width:max(300px,27.5%)}section.promotion .img-box{position:relative;flex:1;aspect-ratio:1040/614;align-self:center}section.promotion .img-box img{border-radius:5px;width:100%;height:100%;object-fit:cover;filter:drop-shadow(50px 60px 15px rgba(0,0,0,.05))}section.promotion .img-box .zoom{position:absolute;right:10px;bottom:10px;display:none}@media only screen and (max-width:1536px){section.promotion>.container{grid-column:4/-4}}@media only screen and (max-width:1024px){section.promotion>.container{grid-column:2/-2}section.promotion .text-box{gap:10px}}@media only screen and (max-width:768px){section.promotion>.container{flex-direction:column;gap:30px}section.promotion>.container .decoration-arrow{bottom:-40vw;left:initial;right:5.3333333333vw}section.promotion>.container .text-box{padding:0;width:100%}section.promotion>.container .img-box{width:100%}section.promotion>.container .img-box img{filter:drop-shadow(20px 30px 10px rgba(0,0,0,.05))}section.promotion>.container .img-box .zoom{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--light-color);box-shadow:0 0 20px #0000001a;width:30px;height:30px;font-size:.75rem;color:var(--dark-color)}}section.benefit>.container{grid-column:5/-5;display:flex;flex-direction:column;gap:80px}section.benefit .text-box{margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:640px;text-align:center}@media only screen and (max-width:1536px){section.benefit>.container{grid-column:4/-4}}@media only screen and (max-width:1200px){section.benefit .text-box{margin:0;align-items:start;text-align:left}}@media only screen and (max-width:1024px){section.benefit>.container{grid-column:2/-2;gap:50px}section.benefit .text-box{align-items:start;gap:10px;max-width:500px;text-align:left}}.benefit-item-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:120px calc(var(--1fr) * 4);counter-reset:benefitItemCounter}@media only screen and (max-width:1200px){.benefit-item-wrapper{grid-template-columns:1fr;gap:120px}}@media only screen and (max-width:767px){.benefit-item-wrapper{gap:100px}}.benefit-item{padding-top:80px;position:relative;display:flex;flex-direction:column;gap:50px;counter-increment:benefitItemCounter}.benefit-item:before{position:absolute;top:-14px;right:0;font-size:13.75rem;font-weight:400;line-height:1;color:#f0f0f0;transition:opacity .5s;content:counter(benefitItemCounter,decimal-leading-zero)}.benefit-item:not(:last-child):nth-child(odd):after{position:absolute;top:0;right:calc(-1 * var(--1fr) * 2);background:repeating-linear-gradient(to bottom,rgba(from currentColor r g b/20%) 0px,rgba(from currentColor r g b/20%) 3px,transparent 3px,transparent 6px);width:1px;height:100%;content:""}.benefit-item .item-header{display:flex;gap:40px;width:calc(100% - 240px)}.benefit-item .item-header .icon-wrapper{flex-shrink:0;width:80px;height:80px}.benefit-item .item-header .icon-wrapper .icon-box{width:35px;height:35px}.benefit-item .icon-wrapper{display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:50%;box-shadow:20px 30px 10px #0000000d}.benefit-item .icon-wrapper .icon-box{background:var(--hover-color);-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.benefit-item .flip-box{position:absolute;top:-35px;right:-20px;z-index:2;perspective:1500px;transform-style:preserve-3d;width:240px;height:240px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.benefit-item .flip-box .icon-wrapper{display:none}.benefit-item .flip-box .flip-front,.benefit-item .flip-box .flip-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;transition:transform .5s}.benefit-item .flip-box .flip-back{transform:rotateY(180deg)}.benefit-item .flip-box .flip-back img{border-radius:50%;width:100%;height:100%;object-fit:cover;overflow:hidden;filter:drop-shadow(20px 30px 10px rgba(0,0,0,.08))}.benefit-item .title{align-self:center;flex:1}.benefit-item .benefit-wrapper{padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px;counter-reset:benefitCount}.benefit-item .benefit-li{display:flex;align-items:start;gap:10px;counter-increment:benefitCount}.benefit-item .benefit-li:before{flex-shrink:0;min-width:35px;color:#2a87ff;content:counter(benefitCount,decimal-leading-zero)}.benefit-item .benefit-li .li-text{flex:1}@media only screen and (min-width:1201px){.benefit-item:hover:has(.flip-back img):before{opacity:0}.benefit-item:hover .flip-box .flip-back{transform:none}}@media only screen and (max-width:1536px){.benefit-item:before{top:0;font-size:11.25rem;font-weight:400;line-height:1}}@media only screen and (max-width:1200px){.benefit-item:before{opacity:0}.benefit-item:not(:last-child):nth-child(odd):after{position:absolute;top:initial;bottom:-60px;right:0;background:repeating-linear-gradient(to right,rgba(from currentColor r g b/20%) 0px,rgba(from currentColor r g b/20%) 3px,transparent 3px,transparent 6px);width:100%;height:1px;content:""}.benefit-item:not(:last-child):after{position:absolute;top:initial;bottom:-60px;right:0;background:repeating-linear-gradient(to right,rgba(from currentColor r g b/20%) 0px,rgba(from currentColor r g b/20%) 3px,transparent 3px,transparent 6px);width:100%;height:1px;content:""}.benefit-item:not(:has(.flip-back img)){padding-top:0}.benefit-item .flip-box .flip-back{transform:none}}@media only screen and (max-width:1024px){.benefit-item{padding-top:100px}.benefit-item .benefit-li:before{font-size:1rem}.benefit-item .flip-box{top:-10px;width:220px;height:220px}}@media only screen and (max-width:767px){.benefit-item{padding-top:0;align-items:center;gap:0}.benefit-item:not(:last-child):after{bottom:-50px}.benefit-item .item-header{width:100%;text-align:center}.benefit-item .item-header:has(~.benefit-wrapper){margin-bottom:30px}.benefit-item .item-header .icon-wrapper{display:none}.benefit-item .icon-wrapper{box-shadow:none}.benefit-item .flip-box{position:relative;top:initial;right:initial;width:200px;height:200px}.benefit-item .flip-box:has(~.item-header),.benefit-item .flip-box:has(~.benefit-wrapper){margin-bottom:20px}.benefit-item .flip-box .icon-wrapper{position:absolute;top:-10px;right:-26.5px;z-index:2;display:flex;width:70px;height:70px}.benefit-item .flip-box .icon-wrapper .icon-box{width:30px;height:30px}.benefit-item .benefit-wrapper{padding:0;width:100%}}@media only screen and (max-width:575px){.benefit-item .benefit-wrapper{grid-template-columns:1fr;gap:10px}}section.join>.container{padding:50px calc(var(--1fr) * 4);position:relative;grid-column:5/-5;display:flex;align-items:center;min-height:584px}section.join .bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%}section.join .bg img{width:100%;height:100%;object-fit:cover}section.join .content-box{display:flex;flex-direction:column;gap:50px;width:46.875%;color:var(--text-color)}section.join .content-box[data-theme=dark]{--text-color: var(--dark-color);--paragraph-color: var(--p-dark-color)}section.join .content-box[data-theme=dark] .g-common-button{--icon-bg-color: var(--dark-color);--icon-color: var(--light-color)}section.join .content-box[data-theme=light]{--text-color: var(--light-color);--paragraph-color: var(--p-light-color)}section.join .content-box[data-theme=light] .g-common-button{--icon-bg-color: var(--light-color);--icon-color: var(--dark-color)}section.join .text-box{display:flex;flex-direction:column;gap:20px}section.join .links-wrapper{display:flex;flex-wrap:wrap;gap:30px}@media only screen and (min-width:1921px){section.join>.container{aspect-ratio:1600/584}}@media only screen and (max-width:1536px){section.join>.container{grid-column:4/-4}}@media only screen and (max-width:1024px){section.join>.container{grid-column:2/-2}section.join .text-box{gap:10px}section.join .links-wrapper{gap:20px}}@media only screen and (max-width:768px){section.join{background:#fafafa}section.join>.container{padding:50px 0 0;grid-column:1/-1;flex-direction:column-reverse;gap:20px}section.join .bg{position:relative;z-index:0}section.join .content-box{padding:0 var(--side-space);gap:20px;width:100%}}@media only screen and (max-width:575px){section.join .links-wrapper{padding:0 10px;flex-direction:column}}