@charset "UTF-8";.fv{position:relative;width:100%;height:auto;aspect-ratio:1280 / 800;background:url(/recruit/files/img/business/supervision_project/fv-img.jpg) no-repeat;background-size:cover;z-index:1;&.development{background:url(/recruit/files/img/business/development_project/fv-img.jpg) no-repeat;background-size:cover}.block{max-width:102rem;padding:14.375% 2rem 0;margin:0 auto;container-type:inline-size;.page_ttl{position:relative;&:after{content:"";position:absolute;top:-1.5rem;left:20cqw;width:80cqw;height:10.4cqw;background:url(/recruit/files/img/business/supervision_project/ttl-deco.png) no-repeat;background-size:cover}.ttl{width:fit-content;font-size:max(10px,1.6rem);font-weight:700;letter-spacing:.1em;padding:.3rem 1.6rem .5rem;background-color:#0ff}.sub{font-size:max(10px,2.4rem);font-weight:700;letter-spacing:.1em;color:#fff;margin-top:.6rem}}.copy{width:fit-content;font-size:max(10px,4cqw);font-weight:700;margin-top:25.937500000000004vw;clip-path:inset(0 100% 0 0);.underline{box-decoration-break:clone;-webkit-box-decoration-break:clone;background:#fff;background:linear-gradient(180deg,transparent 10%,#fff 10% 100%)}}}.under-arrow{animation-name:scroll;animation-duration:2s;animation-iteration-count:infinite;position:absolute;top:31.2rem;right:3.2rem;width:.1rem;height:12.2rem;background-color:#fff;&:after{content:"";position:absolute;bottom:-.1rem;left:-.3rem;width:.1rem;height:1rem;background-color:#fff;rotate:-40deg}}}@keyframes scroll{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}51%{transform:scale(1);transform-origin:0 100%}to{transform:scale(1);transform-origin:0 100%}}@media screen and (max-width: 768px){.fv{aspect-ratio:375 / 368;background:url(/recruit/files/img/business/supervision_project/fv-img_sp.jpg) no-repeat;background-size:cover;z-index:2;&.development{background:url(/recruit/files/img/business/development_project/fv-img_sp.jpg) no-repeat;background-size:cover}.block{padding:12rem 0 0 4rem;.page_ttl{&:after{top:18.1rem;left:unset;right:0;width:7.2rem;height:53.3rem;background:url(/recruit/files/img/business/supervision_project/ttl-deco_sp.png) no-repeat;background-size:cover}.ttl{font-size:1.4rem;letter-spacing:.048em;padding:.2rem .8rem .4rem}.sub{font-size:2rem;letter-spacing:.048em;margin-top:.8rem}}.copy{position:absolute;font-size:2.4rem;margin-top:12.7rem}}}.under-arrow{display:none}}.intro{position:relative;z-index:1;background:linear-gradient(180deg,#171717 0% 10%,#2f2f2f);.container{position:relative;width:100%;height:100%;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/recruit/files/img/business/supervision_project/bg-deco.png) repeat;mix-blend-mode:color-dodge}.block{position:relative;max-width:90.8rem;padding:13.6rem 2rem;margin:0 auto;z-index:1;.project{margin:0 3.8rem;.project_ttl{font-size:max(10px,2.4rem);font-weight:700;color:#fff}.content{display:flex;align-items:center;column-gap:5.6rem;margin-top:2.4rem;.text{width:46rem;font-size:max(10px,1.5rem);color:#fff;line-height:1.75}.img{width:31.1rem}}}.member{margin-top:12.5rem;.member_ttl{position:relative;width:fit-content;font-size:max(10px,2.4rem);font-weight:700;letter-spacing:.1rem;color:#fff;margin:0 auto;&:after{content:"";position:absolute;translate:-50% 0;left:50%;bottom:1.6rem;width:38.8rem;height:6.4rem;background:url(/recruit/files/img/business/supervision_project/member_sub.png) no-repeat;background-size:cover}}.card_wrap{width:100%;display:flex;justify-content:center;column-gap:3.2rem;margin-top:3.2rem;.card{width:calc((100% - 3.2rem * 2) / 3);img{width:100%}.text{font-size:max(10px,1.5rem);color:#fff;letter-spacing:.048rem;line-height:1.75;margin-top:1.6rem;font-weight:500}}}}}}}@media screen and (max-width: 768px){.intro{background:linear-gradient(180deg,#171717 0% 20%,#2f2f2f);.container{&:after{background:url(/recruit/files/img/business/supervision_project/bg-deco_sp.png) repeat;mix-blend-mode:color-dodge}.block{width:29.5rem;padding:8.3rem 0 6.4rem;.project{margin:0;.project_ttl{font-size:2rem}.content{display:flex;flex-direction:column;align-items:center;row-gap:3.2rem;margin-top:1.6rem;.text{width:100%;font-size:1.4rem;color:#fff;line-height:1.57}.img{width:100%}}}.member{margin-top:9.6rem;.member_ttl{font-size:1.6rem;font-weight:700;letter-spacing:.048rem;&:after{bottom:1.6rem;width:20.2rem;height:4rem;background:url(/recruit/files/img/business/supervision_project/member_sub_sp.png) no-repeat;background-size:cover}}.card_wrap{width:100%;display:flex;flex-direction:column;row-gap:2.4rem;margin-top:2.4rem;.card{display:flex;align-items:center;column-gap:1rem;width:100%;img{width:14.2rem}.text{color:#fff;letter-spacing:.048rem;line-height:1.75;margin-top:0}}}}}}}}.story{position:relative;background-color:#d9d9d9;z-index:1;padding-bottom:15rem;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/recruit/files/img/business/supervision_project/bg-deco.png) repeat;mix-blend-mode:color-dodge;z-index:-1}&:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:auto;aspect-ratio:1280 / 1050;background:#00396c;background:linear-gradient(0deg,#00396c,#00396c00);z-index:-2}.block{position:relative;max-width:104rem;padding-top:13.6rem;margin:0 auto;z-index:1;.block_num{font-family:var(--josefin);font-size:max(10px,1.6rem);font-weight:600;width:fit-content;color:#0ff;padding:.8rem;background:#000;margin:0 auto}.block_ttl{width:fit-content;font-size:max(10px,2.6rem);font-weight:700;margin:1.6rem auto 3.2rem}.item{display:flex;column-gap:2.4rem;align-items:center;margin-top:3.2rem;padding:0 2rem;.img-wrap{width:9.6rem;.person{width:9.6rem}.name{font-size:max(10px,1.4rem);font-weight:700;text-align:center;margin-top:.4rem}}.text{font-size:max(10px,1.5rem);font-weight:500;line-height:1.75}}.block_img{display:block;max-width:100rem;margin:5.6rem auto 0}&.reverse{.block_img{margin-top:0;margin-bottom:5.6rem}}}.block_wrap{max-width:102rem;display:flex;column-gap:4.376%;margin:12.8rem auto 0;container-type:inline-size;+.block{padding-top:12.8rem}&:nth-of-type(2n){padding-right:2rem}&:nth-of-type(odd){padding-left:2rem}.block_img{width:39.6cqw}.block{width:54.8rem;padding-top:5.3rem;.block_num{margin:0}.block_ttl{margin:1.6rem 0 3.2rem}}&.reverse{.block_img{margin-top:5.6rem}.block{padding-top:0}}.item{padding:0}}.other{max-width:104rem;padding:0 2rem;margin:26.3rem auto 0;container-type:inline-size;.other_ttl{position:relative;width:fit-content;font-size:max(10px,2.4rem);font-weight:700;color:#fff;margin:0 auto;&:after{content:"";position:absolute;translate:-50% 0;bottom:1.5rem;left:50%;width:88.4cqw;height:8cqw;background:url(/recruit/files/img/business/supervision_project/other_sub.png) no-repeat;background-size:cover}}.other_btn{.content{display:flex;justify-content:space-between;max-width:100rem;width:100%;margin:5.6rem auto 0;.text_wrap{width:38rem;.text{font-size:max(10px,2.6cqw);font-weight:700;color:#fff;line-height:1.28}.c-arrow{--btn-theme01: transparent;--btn-theme02: #fff;--btn-theme03: #0088FF;box-shadow:0 0 0 .2rem inset #fff;margin-top:3.2rem}}.other_img{width:60.2rem}}}}}@media screen and (max-width: 768px){.story{padding-bottom:6.4rem;&:before{aspect-ratio:375 / 870}.block{width:100%;padding-top:6.4rem;.block_num{padding:.7rem .8rem .6rem}.block_ttl{font-size:2rem;text-align:center;margin:1.6rem auto 2.4rem}.item{width:29.5rem;display:flex;column-gap:1.6rem;align-items:flex-start;margin:2.4rem auto 0;.img-wrap{width:8rem;.person{width:8rem}.name{margin-top:.8rem}}.text{line-height:1.57}}.block_img{width:100%;margin-top:2.4rem}&.reverse{display:flex;flex-direction:column;.block_ttl{margin:1.6rem auto 0}.block_img{width:100%;margin-top:3.2rem;margin-bottom:0;order:4}}}.block_wrap{width:29.5rem;display:flex;flex-direction:column-reverse;row-gap:3.2rem;margin:6.4rem auto 0;+.block{padding-top:6.4rem}.block_img{width:100%}.block{width:100%;padding-top:0;.block_num{margin:0 auto}.block_ttl{margin:1.6rem auto 2.4rem}}&.reverse{flex-direction:column;.block_img{margin-top:0}.block{padding-top:0}}}.other{margin-top:23.2rem;.other_ttl{font-size:1.6rem;&:after{content:"";position:absolute;translate:-50% 0;bottom:1.5rem;left:50%;width:18rem;height:13.6rem;background:url(/recruit/files/img/business/supervision_project/other_sub_sp.png) no-repeat;background-size:cover}}.other_btn{.content{display:flex;flex-direction:column-reverse;row-gap:2.4rem;max-width:unset;width:29.5rem;margin:2.4rem auto 0;.text_wrap{width:100%;.text{font-size:2rem;font-weight:700;line-height:1.4}.c-arrow{--btn-theme01: transparent;--btn-theme02: #fff;--btn-theme03: #0088FF;box-shadow:0 0 0 .2rem inset #fff;margin:.8rem 0 0 auto}}.other_img{width:100%}}}}}}.-flowanime{transform:translateZ(0);opacity:0;filter:blur(10px)}