@media print,screen and (min-width: 961px){#wrapper .kv::before{position:absolute;left:0;top:0;content:"";background:url(/recruit/it/recruitment/img/kv_back_1.svg) 0 0/100% 100%;width:876px;aspect-ratio:876/420}#wrapper .kv::after{position:absolute;right:0;top:0;content:"";background:url(/recruit/it/recruitment/img/kv_back_2.svg) 0 0/100% 100%;width:18.671875cqw;height:100%}}@media only screen and (max-width: 960px){#wrapper .kv{aspect-ratio:390/402}#wrapper .kv::after{position:absolute;right:0;top:0;content:"";background:url(/recruit/it/recruitment/img/kv_back_sp.svg) 0 0/100% 100%;aspect-ratio:390/402;width:100cqw}}#wrapper .sections{margin-top:50px}#wrapper .sections section h2{width:-moz-fit-content;width:fit-content;font-size:2.5rem;line-height:1.5;color:#1e4191}@media only screen and (max-width: 960px){#wrapper .sections section h2{font-size:2rem;line-height:1.5}}#wrapper .sections section h2::after{display:block;content:"";width:40px;height:3px;background:linear-gradient(to right, rgb(30, 65, 145) 0%, rgb(100, 170, 220) 100%)}@media only screen and (max-width: 960px){#wrapper .sections section h2::after{margin-top:16px}}#wrapper .sections section .body{margin-top:24px;font-size:1rem;line-height:1.6}@media only screen and (max-width: 960px){#wrapper .sections section .body{font-size:.875rem;line-height:1.6}}#wrapper .sections section .btn{display:flex;align-items:center;color:#fff;padding:40px 0;padding-left:24px;font-size:1.5rem;line-height:1.5;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-decoration:none}#wrapper .sections section .btn span{display:block;position:relative;z-index:1}#wrapper .sections section .btn::before{content:"";position:absolute;right:0;top:0;width:200%;height:100%;background:hsla(0,0%,100%,.25);transition-duration:400ms;transition-property:right;background:linear-gradient(to right, rgb(30, 65, 145) 0%, rgb(30, 65, 145) 50%, rgb(100, 170, 220) 100%)}@media print,screen and (min-width: 961px){#wrapper .sections section .btn{transition-duration:250ms;transition-property:background}#wrapper .sections section .btn:hover::before{right:-100%}#wrapper .sections section .btn:hover:after{background:url(/recruit/it/common/img/icon_outside.svg) center center/19.8px 19.8px no-repeat}}@media only screen and (max-width: 960px){#wrapper .sections section .btn{font-size:1.25rem;line-height:1.5;padding-top:26px;padding-bottom:26px}}#wrapper .sections section .btn::after{display:block;content:"";position:relative;width:100px;height:40px;background:url(/recruit/it/common/img/icon_outside.svg) center center/18px 18px no-repeat;border-left:2px dashed #fff;transition-duration:50ms;transition-property:background}#wrapper #newgraduate,#wrapper #career{position:relative}@media print,screen and (min-width: 961px){#wrapper #newgraduate,#wrapper #career{padding-top:80px;padding-bottom:80px}}@media only screen and (max-width: 960px){#wrapper #newgraduate,#wrapper #career{padding-top:42px;padding-bottom:42px}}#wrapper #newgraduate .inner,#wrapper #career .inner{display:flex;align-items:center;gap:40px}@media only screen and (max-width: 960px){#wrapper #newgraduate .inner,#wrapper #career .inner{flex-direction:column;gap:24px}}#wrapper #newgraduate .inner .texts,#wrapper #career .inner .texts{flex:1}#wrapper #newgraduate .buttons,#wrapper #career .buttons{display:flex;flex-direction:column;gap:20px}@media print,screen and (min-width: 961px){#wrapper #newgraduate .buttons,#wrapper #career .buttons{width:50%}}@media only screen and (max-width: 960px){#wrapper #newgraduate .buttons,#wrapper #career .buttons{width:100%}}#wrapper #newgraduate .buttons ul,#wrapper #career .buttons ul{display:flex;flex-direction:column;gap:40px}#wrapper #newgraduate .buttons li,#wrapper #career .buttons li{width:100%}#wrapper #newgraduate h3,#wrapper #career h3{display:flex;align-items:center;gap:5px;color:#1e4191;font-size:1.5rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper #newgraduate h3,#wrapper #career h3{font-size:1.25rem;line-height:1.5}}#wrapper #newgraduate h3::before,#wrapper #career h3::before{content:"";width:20px;height:20px;display:block;background:linear-gradient(to right, rgb(100, 170, 220) 0%, rgba(100, 170, 220, 0.5) 100%)}#wrapper #newgraduate{position:relative}@media print,screen and (min-width: 961px){#wrapper #newgraduate::before{display:block;content:"";background:url(/recruit/it/recruitment/img/newgraduate_back.svg) 0 0/100% 100%;width:217px;aspect-ratio:217/54;position:absolute;right:0;top:0}}#wrapper #career{background:linear-gradient(to right, rgba(75, 35, 130, 0.2) 0%, rgba(100, 170, 220, 0.2) 60%, rgba(100, 170, 220, 0.1) 100%)}@media only screen and (max-width: 960px){#wrapper #career{padding-top:24px;padding-bottom:24px}}#wrapper #career .inner{background-color:#fff;padding:50px}@media only screen and (max-width: 960px){#wrapper #career .inner{padding:24px}}@media print,screen and (min-width: 961px){#wrapper #career::before{display:block;content:"";background:url(/recruit/it/recruitment/img/caeer_back.svg) 0 0/100% 100%;width:176px;aspect-ratio:176/116;position:absolute;left:0;bottom:-50px}}#wrapper #career .btn::before{background:linear-gradient(to right, rgb(30, 65, 145) 0%, rgb(30, 65, 145) 50%, rgb(75, 35, 130) 100%)}#wrapper #flow{position:relative;padding-top:120px;padding-bottom:120px}@media print,screen and (min-width: 961px){#wrapper #flow::before{display:block;content:"";background:url(/recruit/it/recruitment/img/flow_back.svg) 0 0/100% 100%;width:265px;aspect-ratio:265/293;position:absolute;right:0;top:0}}@media only screen and (max-width: 960px){#wrapper #flow{padding-top:80px;padding-bottom:80px}}#wrapper #flow .steps{position:relative;margin-top:24px;display:flex;gap:10px;justify-content:space-between;background:linear-gradient(to right, rgb(75, 35, 130) 0%, rgb(30, 65, 145) 40%, rgb(100, 170, 220) 80%, rgba(100, 170, 220, 0.5) 100%);padding:40px}@media only screen and (max-width: 960px){#wrapper #flow .steps{padding:24px;flex-direction:column;background:linear-gradient(to bottom, rgb(75, 35, 130) 0%, rgb(30, 65, 145) 40%, rgb(100, 170, 220) 80%, rgba(100, 170, 220, 0.5) 100%)}}#wrapper #flow .steps .step{flex:1;display:flex;flex-direction:column}#wrapper #flow .steps .step h3{color:#fff;font-family:Arial,sans-serif;font-size:1rem;line-height:1.5}#wrapper #flow .steps .step h3 span{font-family:Arial,sans-serif;font-size:1.5rem;line-height:1.5}#wrapper #flow .steps .step p{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left;background-color:#fff;padding:24px 12px;font-size:1.5rem;line-height:1.5;color:#1e4191}@media only screen and (max-width: 960px){#wrapper #flow .steps .step p{text-align:center;min-height:90px}}#wrapper #flow .steps .step p span{display:block;font-size:1rem;line-height:1.6}#wrapper #flow .steps .arr{background:url(/recruit/it/recruitment/img/flow_arr.svg) center calc(50% + 18px)/100% auto no-repeat;width:12px}@media only screen and (max-width: 960px){#wrapper #flow .steps .arr{background:url(/recruit/it/recruitment/img/flow_arr.svg) center/100%;width:12px;height:12px;margin-left:auto;margin-right:auto;transform:rotate(90deg)}}#wrapper #flow .note{margin-top:10px;font-size:1.125rem;line-height:1.5;color:#1e4191}@media only screen and (max-width: 960px){#wrapper #flow .note{font-size:.875rem;line-height:1.6}}#wrapper #faq{background-color:rgba(100,170,220,.2);padding-top:120px;padding-bottom:120px;position:relative}@media print,screen and (min-width: 961px){#wrapper #faq{margin-bottom:120px}}@media only screen and (max-width: 960px){#wrapper #faq{padding-top:80px;padding-bottom:80px}}@media print,screen and (min-width: 961px){#wrapper #faq::before{display:block;content:"";background:url(/recruit/it/recruitment/img/faq_back.svg) 0 0/100% 100%;width:276px;aspect-ratio:276/73;position:absolute;left:0;top:-40px}}#wrapper #faq .categories{margin-top:48px;display:flex;flex-direction:column;gap:1px}#wrapper #faq .categories .category .hd{position:relative;padding:24px 42px;background:linear-gradient(to right, rgb(30, 65, 145) 60%, rgb(100, 170, 220) 100%)}#wrapper #faq .categories .category .hd h3{font-size:2rem;line-height:1.5;color:#fff}@media only screen and (max-width: 960px){#wrapper #faq .categories .category .hd h3{font-size:1.5rem;line-height:1.5}}#wrapper #faq .categories .category .hd button{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;overflow:hidden}#wrapper #faq .categories .category .hd button::after{content:"";display:block;position:absolute;right:42px;top:calc(50% - 20px);background:#fff url(/recruit/it/recruitment/img/icon_acc.svg) center/auto no-repeat;width:40px;height:40px}#wrapper #faq .categories .category .items{background-color:#fff}#wrapper #faq .categories .category .items .item{border-top:1px solid #1e4191;padding:24px 42px;color:#1e4191}@media only screen and (max-width: 960px){#wrapper #faq .categories .category .items .item{padding:16px 16px}}#wrapper #faq .categories .category .items .item .q{display:flex;align-items:center;gap:10px}@media only screen and (max-width: 960px){#wrapper #faq .categories .category .items .item .q{align-items:flex-start;display:grid;grid-template:"q title" "q tags"}}#wrapper #faq .categories .category .items .item .q::before{grid-area:q;content:"Q";font-size:3rem;line-height:1.5}#wrapper #faq .categories .category .items .item .q p{grid-area:title;font-size:1.5rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper #faq .categories .category .items .item .q p{font-size:1.125rem;line-height:1.5}}#wrapper #faq .categories .category .items .item .q .tags{grid-area:tags;display:flex;gap:10px}@media print,screen and (min-width: 961px){#wrapper #faq .categories .category .items .item .q .tags{margin-left:42px}}#wrapper #faq .categories .category .items .item .q .tags li{display:block;font-size:1rem;line-height:1.6;border:1px solid #1e4191;padding:5px;white-space:nowrap}#wrapper #faq .categories .category .items .item .a{text-align:justify;margin-top:32px;font-size:1rem;line-height:1.6}@media only screen and (max-width: 960px){#wrapper #faq .categories .category .items .item .a{font-size:.875rem;line-height:1.6}}#wrapper #faq .categories .category .items .item:nth-child(1){border-top:0}#wrapper #faq .categories .category.open .hd button::after{background:#fff url(/recruit/it/recruitment/img/icon_acc_close.svg) center/auto no-repeat}/*# sourceMappingURL=recruitment_top.css.map */