.g-header{background-color:#fffaf1}body.-js-scroll-fix{position:fixed;top:0;overflow-y:scroll;width:100%}.g-body{overflow:hidden}.loading{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fffaf1}.loading .inner{opacity:0;text-align:center;font-size:2.2rem;letter-spacing:.1em;font-weight:700}.loading .inner .image{position:relative}.loading .inner .no1{-webkit-animation:loading 1s steps(2) infinite;animation:loading 1s steps(2) infinite}.loading .inner .no2{position:absolute;top:0;left:0;-webkit-animation:loading 1s steps(2) .5s infinite;animation:loading 1s steps(2) .5s infinite}@-webkit-keyframes loading{0%{visibility:hidden}to{visibility:visible}}@keyframes loading{0%{visibility:hidden}to{visibility:visible}}.main-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1485px;margin:0 auto}@media screen and (max-width:768px){.main-hero{-ms-flex-wrap:wrap;flex-wrap:wrap}}.main-hero .story-button{position:relative;z-index:0;width:calc(33.33333% - 1.6rem);height:65.6rem;max-height:calc(100vh - 20rem);padding:3.4rem 3rem;color:#fff;overflow:hidden;cursor:pointer}@media screen and (max-width:768px){.main-hero .story-button{width:100%;height:11.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 2rem;margin-bottom:.8rem}.main-hero .story-button .text{width:100%}}.main-hero .story-button .overlay{display:block;position:absolute;top:0;left:0;height:100%;width:0;z-index:1;background-color:#fffaf1}.main-hero .story-button .image{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.main-hero .story-button img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.main-hero .story-button .title{margin-bottom:.6rem;font-size:1.8rem;letter-spacing:.125em}.main-hero .story-button .title small{font-size:.833em}@media screen and (max-width:768px){.main-hero .story-button .title{margin-bottom:.5rem;font-size:1.2rem}}.main-hero .story-button .sub-title{margin:0 0 1rem;font-size:1.2rem;font-weight:700;line-height:1.36}.main-hero .story-button .sub-title:after{content:"";display:block;width:2rem;height:0;border-bottom:1px solid #fff;margin-top:1rem}@media screen and (max-width:768px){.main-hero .story-button .sub-title{font-size:.7rem;margin-bottom:.6rem}.main-hero .story-button .sub-title:after{width:1.2rem;margin-top:.6rem}}.main-hero .story-button .num{margin:0;font-weight:700;font-size:1.8rem;line-height:1}@media screen and (max-width:768px){.main-hero .story-button .num{font-size:1rem}}.main-hero .story-button:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.story-slide{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;background-color:#fffaf1}.story-slide .story-slide-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.story-slide .swiper{opacity:0;width:100%}@media screen and (max-width:768px){.story-slide .swiper{height:100%}}.story-slide .story-item{overflow:hidden}.story-slide .story-item .inner{position:relative;width:100%}.story-slide .story-item .inner:before{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(35,24,21,.29)}.story-slide .story-item img{display:block;width:100%;max-height:100vh;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms}.story-slide .story-item .text{position:absolute;top:0;left:0;right:0;z-index:2;width:calc(100% - 8rem);max-width:1300px;margin:0 auto;padding:7rem 0;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.6);opacity:0;font-size:4.6rem;line-height:1.5}.story-slide .story-item .heading{font-weight:300;font-size:2rem;letter-spacing:.075em}.story-slide .story-item .title{margin:0;letter-spacing:.125em}@media screen and (max-width:768px){.story-slide .story-item .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding-bottom:10rem}.story-slide .story-item .inner:before{content:none}.story-slide .story-item .text{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:4.5em;margin-bottom:2rem;padding:0 3.5rem;color:#241a17;text-shadow:none;font-size:clamp(1.6rem,4.5vw,2.2rem)}.story-slide .story-item .heading{font-size:1.2rem}}.story-slide .swiper-pagination{position:absolute;left:3rem;bottom:4rem;z-index:10}.story-slide .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:.8rem;height:.8rem;margin:0 1rem;border-radius:50%;background-color:#d2d2d3}.story-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}@media screen and (max-width:768px){.story-slide .swiper-pagination{left:0;bottom:2rem;width:100%;text-align:center}.story-slide .swiper-pagination .swiper-pagination-bullet{margin:0 1rem}.story-slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#241a17}}.story-slide .slide-skip{position:absolute;right:4rem;bottom:4rem;z-index:10;color:#fff;font-weight:300;letter-spacing:.125em;cursor:pointer}.story-slide .slide-skip .arrow{display:inline-block;position:relative;width:.8rem;height:1.2rem;margin-left:3rem}.story-slide .slide-skip .arrow:after{content:"";display:block;position:absolute;top:50%;right:.2rem;width:.8rem;height:.8rem;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-.4rem}@media screen and (max-width:768px){.story-slide .slide-skip{right:0;bottom:8rem;width:100%;text-align:center;color:#241a17;font-size:1.8rem}.story-slide .slide-skip .arrow{top:-.2rem;margin-left:1.4rem}.story-slide .slide-skip .arrow:after{border-color:#241a17}}.main-catch{position:relative;z-index:1;margin-top:-8rem;padding-bottom:22rem}@media screen and (max-width:768px){.main-catch{margin-top:-2rem;padding:5rem 0 0}.main-catch .adjust-width{padding-left:2rem;padding-right:2rem}}.main-catch .main-title{margin:0 0 9.5rem;font-size:8.5rem;font-weight:500;font-style:italic;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 20px #fff,0 0 20px #fff;line-height:1.23;letter-spacing:normal}.main-catch .main-title *{font-size:inherit;font-weight:inherit;margin:0}@media screen and (max-width:768px){.main-catch .main-title{margin-bottom:.8em;margin-left:-.15em;font-size:3.7rem}}.main-catch .scroll{position:absolute;right:2rem;top:10rem;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:0;line-height:1;padding-bottom:130px}.main-catch .scroll:before{content:"";display:block;position:absolute;left:50%;top:4.5em;width:1px;height:0;background-color:#231815;-webkit-animation:scroll_bar 2.5s cubic-bezier(.77,0,.175,1) infinite;animation:scroll_bar 2.5s cubic-bezier(.77,0,.175,1) infinite}@media screen and (max-width:768px){.main-catch .scroll{top:0;right:1rem;font-size:1rem}}.main-catch .massage-bg1,.main-catch .massage-bg2{position:absolute;left:50%;z-index:-1;margin:0;max-width:30%}.main-catch .massage-bg1 img,.main-catch .massage-bg2 img{display:block}.main-catch .massage-bg1{bottom:8rem;-webkit-transform:translateX(-195%);transform:translateX(-195%)}.main-catch .massage-bg2{bottom:0;-webkit-transform:translateX(65%);transform:translateX(65%)}@media screen and (max-width:768px){.main-catch .massage-bg1,.main-catch .massage-bg2{-webkit-transform:none;transform:none;opacity:.5}.main-catch .massage-bg1{left:-10px;bottom:-20px}.main-catch .massage-bg2{left:auto;right:-10px;bottom:30%}}@-webkit-keyframes scroll_bar{0%{height:0;bottom:auto;top:4.5em}50%{height:calc(100% - 4.5em);bottom:auto;top:4.5em}50.5%{height:calc(100% - 4.5em);bottom:0;top:auto}to{height:0;bottom:0;top:auto}}@keyframes scroll_bar{0%{height:0;bottom:auto;top:4.5em}50%{height:calc(100% - 4.5em);bottom:auto;top:4.5em}50.5%{height:calc(100% - 4.5em);bottom:0;top:auto}to{height:0;bottom:0;top:auto}}.main-lead{margin-bottom:18.5rem}.main-lead .hs_cos_wrapper_type_rich_text{display:block;margin:0 auto;min-height:28em;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(10px,1.6vw,1.8rem);line-height:2.6;color:#595757}.main-lead p{margin:0;height:auto;white-space:nowrap;overflow:hidden}@media screen and (max-width:768px){.main-lead{margin-bottom:6rem}.main-lead .hs_cos_wrapper_type_rich_text{min-height:0;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;font-size:clamp(10px,3.2vw,1.4rem);line-height:1.95;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff}}.feature-container{margin-top:13rem;margin-bottom:18rem}@media screen and (max-width:768px){.feature-container{margin-bottom:11rem}}.people-container{position:relative;padding-top:14rem;padding-bottom:14rem;background-color:#a0d1e6}@media screen and (max-width:768px){.people-container{padding-top:6rem;padding-bottom:6rem}}.people-container .people-bg1{position:absolute;top:-5rem;left:5%;margin:0}@media screen and (max-width:768px){.people-container .people-bg1{width:10rem}}.people-container .people-bg2{position:absolute;bottom:-80px;right:5%;margin:0}@media screen and (max-width:768px){.people-container .people-bg2{width:8rem;bottom:-3rem}}.people-container .people-head-text{margin-bottom:10rem}@media screen and (max-width:768px){.people-container .people-head-text{margin-bottom:4rem}}.people-container h2{text-align:center;font-weight:400;font-size:5rem;color:#fff;line-height:1.5}.people-container h2 .sub{display:block;margin-bottom:.7em;font-size:2.2rem;font-weight:700;letter-spacing:.1em}@media screen and (max-width:768px){.people-container h2{font-size:2.5rem}.people-container h2 .sub{font-size:1.5rem}}.customer-voice-container{padding:18rem 0}@media screen and (max-width:768px){.customer-voice-container{padding:6rem 0}}.customer-voice-container .adjust-width>a{display:block;text-decoration:none;color:#fff}.customer-voice-container .adjust-width>a:hover{opacity:1}.customer-voice-container .adjust-width>a:hover .customer-voice:before{-webkit-transform:scale(1.05);transform:scale(1.05)}.customer-voice-container .adjust-width>a:hover .l-text-link:after{-webkit-animation:lineLink .8s;animation:lineLink .8s}.customer-voice-container .adjust-width>a:hover .l-text-link .icon{-webkit-transform:translateX(.2rem);transform:translateX(.2rem)}.customer-voice-container .customer-voice{position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:55.5rem;border-radius:2rem;color:#fff;overflow:hidden}.customer-voice-container .customer-voice:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:50% no-repeat;background-image:url(//www.ubsecure.jp/hubfs/raw_assets/public/ubsecure-recruit2022/assets/images/home/customer-voice-bg.jpg);background-size:cover;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}@media screen and (max-width:768px){.customer-voice-container .customer-voice{min-height:36.5rem;padding:3rem 2rem;border-radius:1rem}.customer-voice-container .customer-voice:before{background-image:url(//www.ubsecure.jp/hubfs/raw_assets/public/ubsecure-recruit2022/assets/images/home/customer-voice-bg-sp.jpg)}}.customer-voice-container .customer-voice .hs_cos_wrapper_type_rich_text{display:block;max-width:600px;margin:0 auto;font-size:1.7rem}@media screen and (max-width:768px){.customer-voice-container .customer-voice .hs_cos_wrapper_type_rich_text{font-size:1.4rem;line-height:1.6}.customer-voice-container .customer-voice .hs_cos_wrapper_type_rich_text .inner{padding:0 3%}}.customer-voice-container .customer-voice h2{text-align:center;font-size:3rem;font-weight:400}.customer-voice-container .customer-voice h2 .sub{display:block;font-size:2.2rem;font-weight:700;letter-spacing:.1em}@media screen and (max-width:768px){.customer-voice-container .customer-voice h2{font-size:2rem}.customer-voice-container .customer-voice h2 .sub{font-size:1.5rem}}.welfare-container{padding:10rem 0;background:#fff no-repeat right 5rem center;background-image:url(//www.ubsecure.jp/hubfs/raw_assets/public/ubsecure-recruit2022/assets/images/home/welfare-bg.png)}@media screen and (max-width:768px){.welfare-container{background-position:right -2.4rem center;background-size:auto 100%;padding:5rem 0}}.welfare-container>a{display:block;text-decoration:none;color:inherit}.welfare-container>a:hover{opacity:1}.welfare-container>a:hover .l-text-link:after{-webkit-animation:lineLink .8s;animation:lineLink .8s}.welfare-container>a:hover .l-text-link .icon{-webkit-transform:translateX(.2rem);transform:translateX(.2rem)}.welfare-container h2{margin-bottom:1.5em;font-weight:400;font-size:3rem}.welfare-container h2 .sub{display:block;font-weight:700;font-size:2.2rem;color:#1d92b5;letter-spacing:.1em}@media screen and (max-width:768px){.welfare-container h2{margin-bottom:1.5em;font-size:2rem}.welfare-container h2 .sub{font-size:1.4rem}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/3810463/hub_generated/template_assets/65921638935/1651038304483/ubsecure-recruit2022/assets/css/templates/home.css */