@charset "UTF-8";.page_container{position:relative;z-index:1;background-color:#d9d9d9;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/recruit/files/img/common/filter.png);background-size:1280px 800px;pointer-events:none;mix-blend-mode:color-dodge;z-index:1}}.fv{padding-inline:2em;&:before{content:"";position:absolute;width:100%;height:33.4rem;background:#00396c;background:linear-gradient(0deg,#00396c00,#00396c);top:0;left:0}.block{position:relative;max-width:100rem;margin:0 auto;padding:18.4rem 0 0;z-index:1}.page_ttl{position:relative;z-index:1;.ttl{width:max-content;font-size:max(10px,1.6rem);font-weight:700;letter-spacing:.1em;line-height:1;background-color:#0ff;padding:.5rem 1.6rem}.sub{max-width:92rem;margin-top:1.6rem}}.image{display:block;width:100%;margin-top:-2.2rem}}@media screen and (max-width: 768px){.fv{padding-inline:4em;&:before{height:25.7rem}.block{padding:12rem 0 0}.page_ttl{margin:0;.ttl{font-size:1.4rem;padding:.4rem .8rem}.sub{max-width:32.6rem;margin-top:.8rem}}.image{width:auto;margin:-1.37rem -4rem 0}}}.anker{position:relative;padding-inline:2rem;margin:15.2rem auto 0;z-index:1;.inner{max-width:100rem;container-type:inline-size;margin:0 auto}.list{width:100%;display:flex;column-gap:3.2cqw;background-color:#fff;padding:2.4rem 3.2cqw;filter:drop-shadow(0 4px 8px rgba(0,0,0,.16));.item{font-size:max(10px,1.4rem);font-weight:700;letter-spacing:.1em;line-height:1.42;transition:opacity .3s ease;a{display:flex;column-gap:.4rem;align-items:center;.arrow{display:block;position:relative;width:2.4rem;height:auto;aspect-ratio:1 / 1;background-color:#000;&:after{content:"";position:absolute;translate:-50% -50%;top:50%;left:50%;width:1.2rem;height:.9rem;background:url(/recruit/files/img/about/obcc/arrow.svg) no-repeat;background-size:cover}}}@media screen and (min-width: 769px){&:hover{opacity:.7}}}}}@media screen and (max-width: 768px){.anker{padding-inline:4rem;margin:3rem auto 0;.list{flex-direction:column;padding:.9rem 2.7rem 1.5rem;.item{font-size:1.4rem;a{justify-content:space-between;padding-block:1.4rem}+.item{border-top:1px solid #707070}}}}}.business{position:relative;padding-inline:2rem;margin-top:11.2rem;&:before{content:"";position:absolute;top:5.9rem;left:0;width:100%;height:auto;aspect-ratio:1280 / 1037;background:#00396c;background:linear-gradient(180deg,#00396c00,#1a548873,#2c679c80,#16508463,#00396c00);z-index:0}.inner{position:relative;max-width:100rem;container-type:inline-size;margin:0 auto;z-index:1;.ttl{position:relative;font-size:max(10px,2.2rem);font-weight:700;line-height:1.28;padding-left:1.4rem;&:after{content:"";position:absolute;translate:0 -50%;top:50%;left:0;width:1rem;height:2.4rem;background-color:#0ff}}.intro{font-size:max(10px,1.5rem);font-weight:500;line-height:2;margin:3.2rem auto 10cqw}.image-wrap{position:absolute;top:15.4rem;left:-10.5cqw;.image{display:block;width:69cqw}.btn{position:absolute;cursor:pointer;&:after{content:"";position:absolute;width:2.4rem;height:2.4rem;border:1px solid #00396C;border-radius:50%;opacity:0;transition:opacity .3s ease}&:nth-of-type(1){top:15.2cqw;left:29.6cqw;width:9.7cqw;&:after{top:4.6cqw;left:min(calc((36 - 23) * ((100vw - 768px) / (1040 - 768)) + 23px),3.6rem)}}&:nth-of-type(2){top:26.7cqw;left:48.3cqw;width:6.5cqw;&:after{top:-.3cqw;left:max(calc((-34 + 29) * ((100vw - 768px) / (1040 - 768)) - 29px),-3.4rem)}}&:nth-of-type(3){top:40.2cqw;left:48.2cqw;width:3.2cqw;&:after{top:-.3cqw;left:max(calc((-34 + 29) * ((100vw - 768px) / (1040 - 768)) - 29px),-3.4rem)}}&:nth-of-type(4){top:49.5cqw;left:31.2cqw;width:6.6cqw;&:after{top:-2.9cqw;left:min(calc((20 - 11) * ((100vw - 768px) / (1040 - 768)) + 11px),2rem)}}&:nth-of-type(5){top:40.3cqw;left:18.2cqw;width:3.2cqw;&:after{top:-.5cqw;left:3.3cqw}}&:nth-of-type(6){top:25.3cqw;left:11.8cqw;width:9.6cqw;&:after{top:1.1cqw;left:9.7cqw}}&.-active{&:after{opacity:1}}}}.container{position:relative;width:50cqw;height:80cqw;display:flex;flex-direction:column;row-gap:3.2cqw;margin:0 0 0 auto;overflow-y:scroll;z-index:1;.slide{padding:4.8cqw 4.8cqw 5.6cqw;background-color:#262626;border-radius:1.6cqw;.slide_ttl{font-size:max(10px,2.2rem);font-weight:700;letter-spacing:.1em;line-height:1.14;color:#0ff}.list{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;.item{font-size:max(10px,1.4rem);font-weight:700;letter-spacing:.048em;line-height:1.57;padding:.6rem 1.6rem;background-color:#fff}}.img{margin-top:2.4rem;width:100%}.text{font-size:max(10px,1.5rem);font-weight:500;line-height:1.75;color:#fff;margin-top:2.4rem}}}}}@media screen and (max-width: 768px){.business{overflow:clip;padding-inline:4rem;margin-top:7.7rem;&:before{top:23.7rem;left:0;width:40.8rem;aspect-ratio:1 / 1}.inner{.ttl{font-size:2rem;padding-left:1.8rem;&:after{width:1rem;height:2.2rem}}.intro{font-size:1.4rem;line-height:1.5714285714285714;margin:.9rem auto -1.3cqw}.image-wrap{position:relative;top:unset;left:unset;.image{display:block;width:auto;margin-inline:-5.6rem}.btn{&:after{width:1.6rem;height:auto;aspect-ratio:1/1}&:nth-of-type(1){top:8.1rem;left:11.5rem;width:6.2rem;&:after{top:11.5cqw;left:2.4rem}}&:nth-of-type(2){top:15.2rem;left:23rem;width:4.1rem;&:after{top:.2rem;left:-2.3rem}}&:nth-of-type(3){top:23.1rem;left:23rem;width:2rem;&:after{top:.2rem;left:-2.3rem}}&:nth-of-type(4){top:29.1rem;left:12.5rem;width:4.2rem;&:after{top:-1.8rem;left:1.3rem}}&:nth-of-type(5){top:23.1rem;left:4.2rem;width:2rem;&:after{top:.2rem;left:2.7rem}}&:nth-of-type(6){top:15.2rem;left:.1rem;width:6.2rem;&:after{top:.2rem;left:6.8rem}}}}.container{width:auto;height:auto;display:flex;flex-direction:row;gap:1rem;overflow-x:scroll;padding-right:1.8rem;margin:-2rem -4rem 0 -2.2rem;.slide{width:33.8rem;padding:2.8rem 2.8rem 4rem;border-radius:1.6rem;flex-shrink:0;.slide_ttl{font-size:2.4rem}.list{display:flex;flex-wrap:wrap;gap:.6rem 10rem;margin-top:1.6rem;.item{font-size:1.2rem}}.text{font-size:1.5rem}}}.sp_arrows{position:absolute;width:36.5rem;display:flex;align-items:center;justify-content:space-between;translate:-50% 0;bottom:42.4rem;left:50%;z-index:1;.business_arrow{position:relative;cursor:pointer;display:grid;place-content:center;width:5.6rem;height:5.6rem;box-shadow:0 0 0 .2rem inset #08f;border-radius:50%;overflow:hidden;transition:opacity ease .3s;&.arrow_prev{rotate:Y 180deg}&.is-disabled{opacity:.4;pointer-events:none}.circle{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%}.arrow{position:relative;width:5.6rem;height:5.6rem;z-index:1;&:before,&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/recruit/files/img/about/obcc/modal-arrow.svg);mask-size:cover;background-color:#08f}&:after{translate:-280% 0}}}}}}}.support{position:relative;padding-inline:2rem;margin-top:15.2rem;&:before{content:"";position:absolute;top:84.1rem;left:0;width:100%;height:auto;aspect-ratio:1280 / 859;background:#00396c;background:linear-gradient(180deg,#00396c00,#286297b0 35%,#3974aa 50%,#276196ad,#00396c00);z-index:0}.inner{position:relative;max-width:100rem;container-type:inline-size;margin:0 auto;z-index:1;.ttl{position:relative;font-size:max(10px,2.8rem);font-weight:700;line-height:1.28;padding-left:1.4rem;&:after{content:"";position:absolute;translate:0 -50%;top:50%;left:0;width:1rem;height:2.4rem;background-color:#0ff}}.map{position:relative;margin-top:3.8rem;.image{display:block;width:100%}.item{position:absolute;cursor:pointer;transition:opacity .3s ease;&.item01{top:4.6cqw;left:5.2cqw;width:7.6cqw}&.item02{top:31.9cqw;left:9.8cqw;width:16cqw}&.item03{top:28.6cqw;left:28.7cqw;width:31.4cqw}&.item05{top:4cqw;left:78cqw;width:10.4cqw}&.item06{top:11.9cqw;left:15.7cqw;width:11.8cqw}&.item07{top:22.8cqw;left:81.6cqw;width:7.6cqw}&.item08{top:28cqw;left:68cqw;width:13.2cqw}@media screen and (min-width: 768px){&:hover{opacity:.7}}}.scrollhint{display:none}}.mission{display:flex;column-gap:4cqw;margin-top:11.4rem;.text_wrap{flex-wrap:1;.mission_ttl{display:block;width:36.4rem}.ttl_sub{font-size:max(10px,2.2rem);font-weight:700}.text{font-size:max(10px,1.5rem);font-weight:500;margin-top:3.2rem}}.image{display:block;width:46.2cqw;flex-shrink:0;picture{display:block}figcaption{font-size:max(10px,1.2rem);font-family:var(--josefin);font-weight:500;text-align:end;margin-top:1.3rem}}}.example{position:relative;margin-top:2rem;.example_sub{font-size:max(10px,1.5rem);font-weight:700;letter-spacing:.1em;line-height:1.625;color:#0ff}.example_ttl{position:relative;font-size:max(10px,2.2rem);font-weight:700;letter-spacing:.1em;line-height:1.33;color:#fff;display:flex;gap:1.1rem;align-items:center;.line{flex:1;height:.1rem;background-color:#fff;display:block}}.img-wrap{display:flex;column-gap:5rem;margin-top:4rem;.image{position:relative;width:30rem;&:after{content:"";position:absolute;translate:0 -50%;top:50%;right:-4rem;width:3rem;height:5.1rem;background:url(/recruit/files/img/about/obcc/example-arrow.png) no-repeat;background-size:cover}&:last-of-type{&:after{display:none}}}}}}}@media screen and (max-width: 768px){.support{padding-inline:4rem;margin-top:9.3rem;&:before{top:84.1rem;aspect-ratio:375 / 1896}.inner{.ttl{font-size:2rem;line-height:1.4;padding-left:1.8rem;&:after{height:2.2rem}}.map{margin-top:4rem;margin-inline:-4rem;.scroll_wrap{position:relative;width:100%;overflow-x:scroll}.image{width:auto;img{width:100rem}}.item{position:absolute;cursor:pointer;transition:opacity .3s ease;&.item01{top:4.6rem;left:5.2rem;width:7.6rem}&.item02{top:31.9rem;left:9.8rem;width:16rem}&.item03{top:28.6rem;left:28.7rem;width:31.4rem}&.item05{top:4.5rem;left:76rem;width:10.4rem}&.item06{top:11.9rem;left:15.7rem;width:11.8rem}&.item07{top:22.8rem;left:81.6rem;width:7.6rem}&.item08{top:28rem;left:68rem;width:13.2rem}@media screen and (min-width: 768px){&:hover{opacity:.7}}}.scrollhint{position:absolute;width:12.5rem;height:auto;aspect-ratio:1/1;background-color:#fff9;border-radius:1.4rem;display:block;translate:-50% 0;bottom:5.4rem;left:50%;.icon{width:100%;height:100%;:is(.arrow,.hand){position:absolute;width:100%;height:100%;top:0;left:0}}.hint-txt{position:absolute;width:100%;font-size:1.2rem;font-weight:700;letter-spacing:.048em;color:#08f;text-align:center;display:block;bottom:.6rem;left:0}}}.mission{flex-direction:column;margin-top:7.6rem;.text_wrap{position:relative;.mission_ttl{position:absolute;rotate:90deg;transform-origin:right top;top:38rem;right:-4rem}.ttl_sub{font-size:2.2rem}.text{font-size:1.5rem}}.image{width:100%;margin-top:5.5rem;picture{display:block}figcaption{font-size:1.1rem;margin-top:.6rem}}}.example{margin-top:5.5rem;.example_sub{font-size:1.5rem}.example_ttl{font-size:2rem;flex-direction:column;gap:2rem;align-items:flex-start;margin-top:.9rem;.line{flex:unset;width:100%}}.img-wrap{flex-direction:column;row-gap:3.8rem;margin-top:2.7rem;.image{position:relative;width:30rem;&:after{translate:-50% 100%;top:unset;right:unset;bottom:.6rem;left:50%;transform-origin:center;rotate:90deg}&:last-of-type{&:after{display:none}}}}}}}}.modal_container{position:fixed;width:100%;height:100vh;height:100lvh;top:0;left:0;background-color:#262626cc;display:none;z-index:11;.modal{position:absolute;translate:-50% -50%;top:50%;left:50%;width:82.8rem;height:75%;background-color:#fff}.close_btn{cursor:pointer;position:absolute;translate:0 -100%;top:0;right:0;width:6.4rem;height:6.4rem}.slide_area{height:100%;.swiper{height:100%}}.swiper-slide{padding-bottom:12rem;.scroll_wrap{height:100%;overflow-y:scroll}}.slide_ttl{position:relative;font-size:max(10px,2.8rem);font-weight:700;line-height:1.28;letter-spacing:.048em;text-align:center;margin:4rem auto 0;padding-bottom:2.4rem;&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1rem;background-color:#00396c}}.content{position:relative;padding:4rem 8.6rem 0;.text{font-size:max(10px,1.5rem);width:41.6rem;font-weight:500}.image{display:block;width:65.6rem;margin-top:4rem}.focus_image{display:block;position:absolute;top:-8rem;right:0;width:35.5rem}}.swiper-pagination{position:absolute;display:flex;gap:1.6rem;cursor:pointer;translate:-50% 0;bottom:7.1rem;left:50%;z-index:1;.swiper-pagination-bullet{width:.8rem;height:auto;aspect-ratio:1/1;border-radius:50%;background-color:#00396c;&.swiper-pagination-bullet-active{background-color:#d9d9d9}}}.swiper-button-prev{translate:-100% -50%;rotate:180deg;top:50%;left:2.6rem}.swiper-button-next{translate:100% -50%;top:50%;right:2.6rem}.modal_arrow{cursor:pointer;position:absolute;display:grid;place-content:center;width:5.6rem;height:5.6rem;box-shadow:0 0 0 .2rem inset #08f;border-radius:50%;overflow:hidden;z-index:1;.circle{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background-color:#08f;scale:0;transition:scale .3s .3s ease}.arrow{position:relative;width:5.6rem;height:5.6rem;z-index:1;&:before,&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/recruit/files/img/about/obcc/modal-arrow.svg);mask-size:cover;background-color:#08f;transition:background .4s .4s ease}&:after{translate:-280% 0}}@media screen and (min-width: 769px){&:hover{.circle{scale:1}.arrow{&:before{background-color:#fff;animation:mArrow01 .4s forwards ease}&:after{background-color:#fff;animation:mArrow02 .4s .4s forwards ease}}}}}}@media screen and (max-width: 768px){.modal_container{.modal{width:29.5rem;height:75%;top:52%}.close_btn{cursor:pointer;position:absolute;translate:0 -100%;top:0;right:0;width:min(6.4rem,80px);height:auto;aspect-ratio:1/1}.slide_area{height:100%;.swiper{height:100%}}.swiper-slide{padding-bottom:min(8.5rem,90px)}.slide_ttl{height:min(15.1rem,200px);font-size:min(2rem,30px);line-height:1.8;text-align:start;display:flex;align-items:center;margin:unset;padding:0 11rem 0 1.2rem}.content{position:relative;padding:min(3rem,40px) min(4rem,50px) 0;.text{font-size:1.5rem;width:100%}.image{display:block;width:65.6rem;margin-top:4rem}.focus_image{top:max(-15.1rem,-230px);width:min(15rem,230px)}}.swiper-pagination{gap:1.6rem;bottom:min(4.4rem,50px)}.swiper-button-prev{left:1.7rem}.swiper-button-next{right:1.7rem}}}@keyframes mArrow01{0%{translate:0 0}to{translate:280% 0}}@keyframes mArrow02{0%{translate:-280% 0}to{translate:0 0}}.technology{padding-inline:2rem;margin-top:26.3rem;.inner{position:relative;max-width:100rem;container-type:inline-size;margin:0 auto;z-index:1;.ttl{position:relative;font-size:max(10px,2.8rem);font-weight:700;line-height:1.28;padding-left:1.4rem;&:after{content:"";position:absolute;translate:0 -50%;top:50%;left:0;width:1rem;height:2.4rem;background-color:#0ff}}.container{display:flex;flex-wrap:wrap;gap:1.6cqw;margin-top:3.2rem;.card{width:calc((100% - 1.6cqw)/2);padding:4rem 3.8rem;background-color:#fff;.image{width:100%}.card_ttl{font-size:max(10px,1.8rem);font-weight:700;letter-spacing:.1em;line-height:1.4;color:#00396c;margin-top:3.2rem}.text{font-size:max(10px,1.5rem);font-weight:500;margin-top:3.2rem}}}}}@media screen and (max-width: 768px){.technology{padding-inline:4rem;margin-top:14.2rem;.inner{.ttl{font-size:2rem;padding-left:1.8rem;&:after{height:2.2rem}}.container{gap:2rem;margin-top:1.3rem;.card{width:100%;padding:1.7rem 1.7rem 3.3rem;.card_ttl{font-size:1.8rem;line-height:1.5555555555555556;margin-top:2.1rem}.text{font-size:1.5rem;margin-top:2.4rem}}}}}}.area{padding-inline:2rem;margin-top:18rem;.inner{position:relative;z-index:1;.ttl{position:relative;max-width:100rem;font-size:max(10px,2.8rem);font-weight:700;line-height:1.28;padding-left:1.4rem;margin:0 auto;&:after{content:"";position:absolute;translate:0 -50%;top:50%;left:0;width:1rem;height:2.4rem;background-color:#0ff}}.map{width:auto;position:relative;margin:3.2rem -2rem 0;background-color:#d9d9d9;z-index:1;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00396c;background:linear-gradient(180deg,#00396c00,#3974aa,#00396c00);z-index:-1}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/recruit/files/img/common/filter.png);background-size:1280px 800px;mix-blend-mode:color-dodge;z-index:-1}.map_inner{position:relative;max-width:120.4rem;container-type:inline-size;margin:0 auto}.image{display:block;width:100%;mix-blend-mode:color-dodge}.pin{position:absolute;width:2.3255813953488373cqw;z-index:1;cursor:pointer;img{transform-origin:center bottom;transition:scale .3s ease}&:after{content:"";position:absolute;translate:-50% 0;bottom:-1.4119601328903655cqw;left:50%;width:6.229235880398671cqw;height:auto;aspect-ratio:75/36;background:url(/recruit/files/img/about/obcc/area-pin-deco.png) no-repeat;background-size:contain;z-index:-1}&.-active{img{scale:1.2}}@media screen and (min-width: 769px){&:hover img{scale:1.2}}&.pin01{top:36.29568106312293cqw;left:53.737541528239205cqw}&.pin02{top:35.38205980066445cqw;left:74.25249169435216cqw}&.pin03{top:35.548172757475086cqw;left:61.12956810631229cqw}&.pin05{top:38.53820598006645cqw;left:23.172757475083056cqw}}}.swiper{position:absolute;top:-.4983388704318937cqw;left:6.395348837209303cqw;width:66.86046511627907cqw;.swiper-slide{width:62.2093023255814cqw!important;padding:3.9867109634551494cqw 3.9867109634551494cqw 4.651162790697675cqw;background-color:#fff;margin:0 2.3255813953488373cqw;border-radius:.6644518272425249cqw;.ttl_wrap{display:flex;column-gap:.6644518272425249cqw;.sub{font-size:max(10px,1.3289036544850499cqw);font-weight:700;color:#0ff;padding:.24916943521594684cqw 1.3289036544850499cqw .41528239202657813cqw;letter-spacing:.1em;line-height:1.625;background-color:#000}.swiper_ttl{font-size:max(10px,1.6611295681063125cqw);font-weight:700;line-height:1.4;letter-spacing:.1em}}.content{position:relative;display:flex;column-gap:3.322259136212625cqw;margin-top:3.2rem;z-index:1;.image{width:21.594684385382057cqw;flex-shrink:0}.group{flex:1}.text{font-size:max(10px,1.2458471760797343cqw);font-weight:500}.map_btn{position:relative;max-width:23.6rem;font-size:max(10px,1.2458471760797343cqw);font-weight:500;letter-spacing:0;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:9999px;background-color:#0087ff;padding:1.2458471760797343cqw 2.990033222591362cqw;margin-top:2.4rem;&:before{content:"";position:absolute;width:1.3rem;height:auto;aspect-ratio:13/11;background-image:url(/recruit/files/img/about/obcc/area_arrow.svg);background-repeat:no-repeat;background-position:center;background-size:contain;translate:0 -50%;top:50%;right:2.2rem}}}.pagination{display:flex;justify-content:center;gap:1.3289036544850499cqw;margin:2.6578073089700998cqw auto 0;.dot{width:.6644518272425249cqw;height:auto;aspect-ratio:1/1;border-radius:50%;background-color:#00396c;cursor:pointer;&.active{background-color:#d9d9d9}}}}.swiper-button-prev{translate:-100% -50%;rotate:180deg;top:50%;left:4.73421926910299cqw}.swiper-button-next{translate:100% -50%;top:50%;right:4.73421926910299cqw}.modal_arrow{cursor:pointer;position:absolute;display:grid;place-content:center;width:4.651162790697675cqw;height:auto;aspect-ratio:1/1;box-shadow:0 0 0 .2rem inset #08f;border-radius:50%;overflow:hidden;z-index:1;.circle{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background-color:#08f;scale:0;transition:scale .3s .3s ease}.arrow{position:relative;width:4.651162790697675cqw;height:auto;aspect-ratio:1/1;z-index:1;&:before,&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/recruit/files/img/about/obcc/modal-arrow.svg);mask-size:cover;background-color:#08f;transition:background .4s .4s ease}&:after{translate:-280% 0}}@media screen and (min-width: 769px){&:hover{.circle{scale:1}.arrow{&:before{background-color:#fff;animation:mArrow01 .4s forwards ease}&:after{background-color:#fff;animation:mArrow02 .4s .4s forwards ease}}}}}}}}@media screen and (max-width: 768px){.area{padding-inline:4rem;margin-top:14.8rem;.inner{.ttl{font-size:2rem;padding-left:1.8rem;&:after{height:2.2rem}}.map{margin:1.9rem -4rem 0;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00396c;background:linear-gradient(180deg,#00396c00,#3974aa,#00396c00);z-index:-1}.map_inner{position:relative;max-width:120.4rem;container-type:inline-size;margin:0 auto;.image{width:98%}}.pin{width:.9rem;&:after{bottom:-.4rem;width:2.1rem}&.pin01{top:13.2rem;left:19.6rem}&.pin02{top:12.7rem;left:27.5rem}&.pin03{top:12.7rem;left:22.3rem}&.pin05{top:14rem;left:8.6rem}}}.swiper{position:initial;width:30.8rem;.swiper-slide{width:30.8rem!important;padding:2rem 2rem 3rem;margin:0;border-radius:.8rem;.ttl_wrap{column-gap:.8rem;.sub{font-size:1.6rem;padding:.3rem 1.6rem .5rem}.swiper_ttl{font-size:2rem}}.content{flex-direction:column;gap:1.2rem;.image{width:100%}.text{font-size:1.5rem}.map_btn{max-width:18.2rem;font-size:1.5rem;padding:1.3rem;margin:2.8rem auto 0;&:before{width:1.1rem;right:1.7rem}}}.pagination{gap:1.6rem;margin-top:2.8rem;.dot{width:.8rem}}}.swiper-button-prev{left:6rem}.swiper-button-next{right:6rem}.modal_arrow{width:5.6rem;.arrow{position:initial;width:1.3rem;aspect-ratio:13/11}}}}}}.data{padding-inline:2rem;padding-bottom:17.3rem;margin-top:17.6rem;.inner{position:relative;max-width:100rem;container-type:inline-size;margin:0 auto;z-index:1;.ttl{position:relative;font-size:max(10px,2.8rem);font-weight:700;line-height:1.28;padding-left:1.4rem;&:after{content:"";position:absolute;translate:0 -50%;top:50%;left:0;width:1rem;height:2.4rem;background-color:#0ff}}.container{display:flex;flex-wrap:wrap;gap:1.6cqw;margin-top:3.2rem;.card{background-color:#fff;padding:4cqw 3.2cqw;&.-small{width:32.8cqw;.image{width:26.4cqw;margin-top:1.6rem}}&.-medium{width:65.6cqw}&.-large{width:100%}.theme{font-size:max(10px,2cqw);font-weight:700;letter-spacing:.1em;line-height:1.4}.data_group{display:flex;flex-wrap:wrap;justify-content:center;gap:0 9cqw;margin-top:3.5rem;.data_wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;.num{position:relative;font-family:var(--jost);font-size:max(10px,7.2cqw);font-weight:600;line-height:1;letter-spacing:-.064em;color:#08f;&:before{content:attr(data-num);color:transparent}.txt{position:absolute;text-align:right;top:0;right:0}}.unit{font-size:max(10px,2cqw);font-weight:700;letter-spacing:.048em;line-height:1;padding:0 0 1.6cqw .2cqw;&.-only{width:100%;text-align:center}}}}.note{font-size:max(10px,1.4cqw);font-family:500;margin-top:2.4rem}&.-employee{.image{width:32.2cqw;margin:0 auto}.data_group{margin-top:2rem}}&.-sales{.image{width:32.8cqw;margin:.9rem auto 0}.data_group{margin-top:5.2rem}.note{margin-top:0}}&.-overtime{.flex_inner{display:flex;justify-content:space-between;gap:33px 6.4cqw;.inner_unit{flex:1;.image{width:100%;margin:1.6rem auto 0}}}}&.-childcare{.data_group{gap:0 2.8cqw;.data_wrap{position:relative;.deco{position:absolute;translate:-50% 0;top:-2.4rem;left:50%;font-size:max(10px,2cqw);font-weight:700;letter-spacing:.048em;color:#08f}}}}&.-job{position:relative;.image{width:59.8cqw;margin:0 auto}}}}}}@media screen and (max-width: 768px){.data{padding-inline:4rem;padding-bottom:0;margin-top:13rem;.inner{.ttl{font-size:2rem;padding-left:1.8rem;&:after{height:2.2rem}}.container{gap:2cqw;margin-top:3.5rem;.card{padding:3.6rem 2.4rem 2rem;&.-small{width:100%;.image{width:100%}}&.-medium{width:100%}&.-large{width:100%}.theme{font-size:1.8rem}.data_group{gap:0 9cqw;margin-top:3.5rem;.data_wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;.num{font-size:6.5rem}.unit{font-size:1.8rem;padding:0 0 1.2rem .4rem}}}.note{font-size:max(10px,1.4cqw);font-family:500;margin-top:2.4rem}&.-employee{.image{width:17.4rem}.data_group{margin-top:1.6rem}}&.-sales{.image{width:21.1rem;margin-top:1.6rem}.data_group{margin-top:2.2rem}}&.-overtime{.flex_inner{flex-direction:column;.inner_unit{flex:unset;width:100%;.image{width:23.9rem}}}}&.-childcare{.data_group{gap:0 2.5rem;.data_wrap{.deco{top:-2.8rem;font-size:1.8rem}}}}&.-job{.image{width:auto;margin:1.6rem -.9rem 0}}}}}}}.other{position:sticky;bottom:0;left:0;background-color:#d9d9d9;.other_btn{position:relative;display:flex;padding:13.5rem 0 15.6rem;background:#00396c;background:linear-gradient(0deg,#00396c,#00396c00);&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/recruit/files/img/common/filter.png);background-size:1280px 800px;mix-blend-mode:color-dodge}.content{display:flex;justify-content:space-between;align-items:center;max-width:100rem;width:100%;margin:0 auto}.text_wrap{.sub{font-family:var(--josefin);font-size:2.4rem;font-weight:500;line-height:1;color:#0ff}.ttl{font-size:2.8rem;font-weight:700;color:#fff}}.c-arrow{--btn-theme01: transparent;--btn-theme02: #fff;--btn-theme03: #0088FF;box-shadow:0 0 0 .2rem inset #fff}}}@media screen and (max-width: 768px){.other{.other_btn{padding:6rem 0;.content{padding:0 4rem}.text_wrap{.sub{font-size:1rem}.ttl{font-size:2rem}}.c-arrow{--btn-theme01: transparent;--btn-theme02: transparent;--btn-theme03: #fff;box-shadow:0 0 0 .1rem inset #fff}}}}