@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;mix-blend-mode:color-dodge;z-index:1}}@media screen and (max-width: 768px){.page_container{&:before{background:url(/recruit/files/img/common/filter_sp.png);background-size:375px 375px}}}.fv{&:before{content:"";position:absolute;width:100%;height:33.4rem;background:#00396c;background:linear-gradient(0deg,#00396c00,#00396c)}.block{position:relative;max-width:104rem;margin:0 auto;padding:18.4rem 2rem 7.2rem;z-index:1}.page_ttl{.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}}}@media screen and (max-width: 768px){.fv{&:before{height:25.7rem}.block{padding:12rem 4rem 4.7rem}.page_ttl{.ttl{font-size:1.4rem;padding:.4rem .8rem}.sub{max-width:initial;margin-top:.8rem}}}}.culture{padding:11rem 0 6.4rem;.block{position:relative;max-width:104rem;padding:0 2rem;margin:0 auto;z-index:1}.intro_group{.text{max-width:65.6rem;margin:0 auto;font-size:max(10px,1.5rem);text-align:center;font-weight:500}}.list{margin:8rem auto 0;display:flex;flex-wrap:wrap;gap:6.4rem 3.2rem;.item{cursor:pointer;position:relative;width:calc((100% - 3.2rem * 2) / 3);@media screen and (min-width: 769px){&:hover{.image{img{scale:1.1}}}}}.image{overflow:hidden;img{transition:scale .3s ease}}.text_group{position:absolute;bottom:-3.2rem;left:0;display:flex;flex-direction:column}.category{display:inline-block;width:max-content;font-size:max(10px,1.4rem);font-weight:700;letter-spacing:.048em;color:#262626;background-color:#0ff;padding:.4rem 1.6rem}.wrap{display:inline-block;background-color:#fff;padding:.8rem 1.6rem 1.6rem}.name{font-size:2.2rem;font-weight:700;letter-spacing:.1em}.detail{font-size:max(10px,1.4rem);font-weight:500;letter-spacing:.048em;margin-top:.4rem}}}@media screen and (max-width: 768px){.culture{padding:0 4rem 8.8rem;.intro_group{.text{max-width:initial}}.list{margin:4rem auto 0;gap:6.4rem;.item{width:100%}.text_group{bottom:-4rem}.name{font-size:2rem}}}}.other{position:sticky;bottom:0;left:0;background-color:#d9d9d9;.other_btn{position:relative;display:flex;padding:13.5rem 2rem 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;&:before{background:url(/recruit/files/img/common/filter_sp.png);background-size:375px 375px}.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}}}}.modal_container{position:fixed;width:100%;height:100vh;height:100lvh;top:0;left:0;background-color:#262626cc;display:none;z-index:10;.modal{position:absolute;translate:-50% -50%;top:50%;left:50%;width:min(65%,82.8rem);height:70%;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{height:100%;overflow-y:scroll;padding:10.38647342995169%}.info_block{display:flex;align-items:flex-end;gap:4.8rem;.image{width:39.329268292682926%}.text_group{.category{display:inline-block;width:max-content;font-size:max(10px,1.4rem);font-weight:700;letter-spacing:.048em;color:#262626;background-color:#0ff;padding:.4rem 1.6rem}.name{font-size:2.2rem;font-weight:700;letter-spacing:.1em;margin-top:1rem}.detail{font-size:max(10px,1.4rem);font-weight:500;letter-spacing:.048em;margin-top:.5rem}}}.text_block{margin-top:4.8rem;.theme{position:relative;font-size:2rem;font-weight:700;letter-spacing:.1em;color:#00396c;padding-left:4rem;margin-bottom:2.4rem;&:before{content:"";position:absolute;top:1.8rem;left:0;width:2.4rem;height:.1rem;background-color:#00396c}}.text{font-size:max(10px,1.5rem);font-weight:500;.attention{display:block;font-size:max(10px,1.2rem);margin-top:.5rem;line-height:1.6}}}.swiper-button-prev{translate:-100% -50%;rotate:180deg;top:50%;left:-4rem}.swiper-button-next{translate:100% -50%;top:50%;right:-4rem}.modal_arrow{cursor:pointer;position:absolute;display:grid;place-content:center;width:8rem;height:8rem;box-shadow:0 0 0 .1rem inset #fff;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:#fff;scale:0;transition:scale .3s .3s ease}.arrow{position:relative;width:2.5rem;height:4rem;z-index:1;&:before,&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url(/recruit/files/img/environment/obcc_cuture/arrow.svg);mask-size:cover;background-color:#fff;transition:background .4s .4s ease}&:after{translate:-280% 0}}@media screen and (min-width: 769px){&:hover{.circle{scale:1}.arrow{&:before{background-color:#08f;animation:mArrow01 .4s forwards ease}&:after{background-color:#08f;animation:mArrow02 .4s .4s forwards ease}}}}}}@keyframes mArrow01{0%{translate:0 0}to{translate:280% 0}}@keyframes mArrow02{0%{translate:-280% 0}to{translate:0 0}}@media screen and (max-width: 768px){.modal_container{.modal{width:calc(100% - 8rem)}.close_btn{width:4rem;height:4rem}.slide_area{height:100%;.swiper{height:100%}}.swiper-slide{height:100%;overflow-y:scroll;padding:3.2rem}.info_block{flex-direction:column;align-items:flex-start;gap:1.6rem;.image{width:100%}.text_group{.name{font-size:2rem;letter-spacing:.048em;margin-top:.8rem}.detail{font-size:max(10px,1.4rem);font-weight:500;letter-spacing:.048em;margin-top:.5rem}}+.text_block{margin-top:3.2rem}}.text_block{margin-top:6.4rem;.theme{font-size:2rem;letter-spacing:.048em;padding-top:1.6rem;padding-left:0;&:before{top:0}}}.swiper-button-prev{translate:-50% -50%;left:0}.swiper-button-next{translate:50% -50%;right:0}.modal_arrow{width:3.2rem;height:3.2rem;box-shadow:initial;background-color:#08f;.circle{display:none}.arrow{width:.8rem;height:.7rem;&:before,&:after{mask-image:url(/recruit/files/img/environment/obcc_cuture/arrow_sp.svg)}&:after{display:none}}}}}