@media print,screen and (min-width: 961px){#wrapper .kv{height:490px}#wrapper .kv__inner{height:420px}#wrapper .kv::before{position:absolute;left:0;top:0;content:"";background:url(/recruit/it/special/img/top_kv_back_1.svg) 0 0/100% 100%;width:558px;aspect-ratio:558/376}#wrapper .kv::after{position:absolute;right:0;top:0;content:"";background:url(/recruit/it/special/img/top_kv_back_2.svg) 0 0/100% 100%;width:23.515625cqw;height:490px}}@media only screen and (max-width: 960px){#wrapper .kv{aspect-ratio:391/404}#wrapper .kv::after{position:absolute;right:0;top:0;content:"";background:url(/recruit/it/special/img/top_kv_back_sp.svg) 0 0/100% 100%;aspect-ratio:391/404;width:100cqw}}#wrapper .sections{margin-top:65px;position:relative;display:flex;flex-direction:column;gap:80px}@media print,screen and (min-width: 961px){#wrapper .sections{padding-top:55px;padding-bottom:55px}}@media only screen and (max-width: 960px){#wrapper .sections{padding-top:32px;padding-bottom:32px}}#wrapper .sections section{flex:1;width:100%;position:relative;display:flex}#wrapper .sections section h2{display:none}#wrapper .sections section ul{flex:1;width:100%;display:flex;flex-direction:column;gap:32px}#wrapper .sections section li a{display:flex;text-decoration:none;color:#fff;position:relative}@media print,screen and (min-width: 961px){#wrapper .sections section li a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.25);clip-path:inset(0 100% 0 0);z-index:1;transition-duration:400ms;transition-property:clip-path}#wrapper .sections section li a:hover figure img{transform:scale(1.1)}#wrapper .sections section li a:hover .texts::after{background:#1e4191 url(/recruit/it/common/img/icon_arr.svg) calc(50% + 5px) center/8px 13px no-repeat}#wrapper .sections section li a:hover::after{clip-path:inset(0 0 0 0)}}@media only screen and (max-width: 960px){#wrapper .sections section li a{flex-direction:column}}#wrapper .sections section li a .texts{flex:1;display:flex;justify-content:center;flex-direction:column;position:relative}@media only screen and (max-width: 960px){#wrapper .sections section li a .texts{padding:24px 24px}}#wrapper .sections section li a .texts::after{content:"";display:block;position:absolute;right:0;bottom:0;width:80px;height:80px;background:#1e4191 url(/recruit/it/common/img/icon_arr.svg) 50% center/8px 13px no-repeat}@media print,screen and (min-width: 961px){#wrapper .sections section li a .texts::after{transition-duration:250ms;transition-property:background}}@media only screen and (max-width: 960px){#wrapper .sections section li a .texts::after{width:40px;height:40px}}#wrapper .sections section li a .texts .num{display:flex;align-items:center;position:relative;font-size:.875rem;line-height:1}#wrapper .sections section li a .texts .num::before{margin-right:10px;content:"";display:block;width:21px;height:21px;background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(30, 65, 145) 100%)}#wrapper .sections section li a .texts .ttl{margin-top:10px;font-size:2rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper .sections section li a .texts .ttl{font-size:1.5rem;line-height:1.5}}#wrapper .sections section li a .texts .description{display:block;font-size:.875rem;line-height:1.6}@media only screen and (max-width: 960px){#wrapper .sections section li a .texts .description{margin-top:24px}}@media print,screen and (min-width: 961px){#wrapper .sections section li a figure{position:relative;overflow:hidden;width:430px}#wrapper .sections section li a figure img{transition-duration:250ms;transition-property:transform}}#wrapper .sections .eff{position:absolute}#wrapper .sections .eff.eff1{left:0;top:0;background:url(/recruit/it/special/img/top_back_1.svg) 0 0/100% 100%;aspect-ratio:491/395;width:491px}@media only screen and (max-width: 960px){#wrapper .sections .eff.eff1{width:50cqw}}#wrapper .sections .eff.eff2{right:0;top:calc(50% - 233.6px);background:url(/recruit/it/special/img/top_back_2.svg) 0 0/100% 100%;aspect-ratio:376/584;width:376px}@media only screen and (max-width: 960px){#wrapper .sections .eff.eff2{width:50cqw;top:calc(50% + 15cqw)}}#wrapper .sections .eff.eff3{left:0;bottom:0;background:url(/recruit/it/special/img/top_back_3.svg) 0 0/100% 100%;aspect-ratio:276/116;width:276px}@media only screen and (max-width: 960px){#wrapper .sections .eff.eff3{width:50cqw;bottom:115cqw}}#wrapper .sections #projectstory li a{color:#fff}@media print,screen and (min-width: 961px){#wrapper .sections #projectstory li a{background:#1e4191 url(/recruit/it/special/img/top_project_back.svg) 0 0/100% 100%;flex-direction:row-reverse}}@media print,screen and (min-width: 961px){#wrapper .sections #projectstory li a .texts{padding:30px;padding-right:100px}}@media only screen and (max-width: 960px){#wrapper .sections #projectstory li a .texts{background:#1e4191 url(/recruit/it/special/img/top_project_back_sp.svg) 0 0/100%}}#wrapper .sections #projectstory li a .texts .num::before{background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(30, 65, 145) 100%)}@media print,screen and (min-width: 961px){#wrapper .sections #projectstory li a .texts .description{margin-top:65px}}#wrapper .sections #crosstalk li a{color:#1e4191}#wrapper .sections #crosstalk li a figure{position:relative;aspect-ratio:950/694}#wrapper .sections #crosstalk li a figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}#wrapper .sections #crosstalk li a .texts{background:#1e4191 url(/recruit/it/special/img/top_crosstalk_back.svg) 0 0/100% 100%;padding:30px}@media only screen and (max-width: 960px){#wrapper .sections #crosstalk li a .texts{padding:8px}}#wrapper .sections #crosstalk li a .texts__inner{background-color:#fff}@media print,screen and (min-width: 961px){#wrapper .sections #crosstalk li a .texts__inner{flex:1;display:flex;flex-direction:column;padding:30px}}@media only screen and (max-width: 960px){#wrapper .sections #crosstalk li a .texts__inner{padding:24px}}#wrapper .sections #crosstalk li a .texts .num::before{background:linear-gradient(to right, rgb(100, 170, 220) 0%, rgba(100, 170, 220, 0.4) 100%)}#wrapper .sections #crosstalk li a .texts .description{flex:1;display:flex;align-items:flex-end}/*# sourceMappingURL=top.css.map */