@media print,screen and (min-width: 961px){#wrapper .kv::before{position:absolute;left:0;top:0;content:"";background:url(/recruit/it/work/career/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/work/career/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/work/career/img/kv_back_sp.svg) 0 0/100% 100%;aspect-ratio:390/402;width:100cqw}}#wrapper .sections{display:flex;flex-direction:column}@media print,screen and (min-width: 961px){#wrapper .sections{margin-top:80px;margin-bottom:120px;gap:120px}}@media only screen and (max-width: 960px){#wrapper .sections{margin-top:80px;margin-bottom:80px;gap:80px}}#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{font-size:1rem;line-height:1.6;margin-top:50px}@media only screen and (max-width: 960px){#wrapper .sections section .body{font-size:.875rem;line-height:1.6;margin-top:24px}}#wrapper .sections section figure{display:block;margin-top:50px}@media only screen and (max-width: 960px){#wrapper .sections section figure{margin-top:24px}}#wrapper .sections section .note{text-align:right;margin-top:20px;font-size:.75rem;line-height:2;line-height:1.35em}@media only screen and (max-width: 960px){#wrapper .sections section .simplebar{overflow-x:auto;position:relative}#wrapper .sections section .simplebar img{height:360px;width:auto;margin-bottom:24px}}#wrapper #role .items{margin-top:40px;background:linear-gradient(to right, rgb(30, 65, 145) 0%, rgb(100, 170, 220) 60%, rgba(100, 170, 220, 0.5) 100%);padding:16px}@media print,screen and (min-width: 961px){#wrapper #role .items{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}}@media only screen and (max-width: 960px){#wrapper #role .items{margin-top:24px;margin-left:-24px;margin-right:-24px;display:flex;flex-direction:column;gap:24px}}#wrapper #role .items .item{position:relative;background-color:#fff;text-decoration:none;padding:24px 16px;display:block;display:flex;flex-direction:column;align-items:center;gap:24px 0}@media only screen and (max-width: 960px){#wrapper #role .items .item{padding:10px;flex-direction:row}}#wrapper #role .items .item .ttl{text-align:left;display:block;color:#1e4191;text-align:center;font-size:1.25rem;line-height:1.5;display:block;display:flex;flex-direction:column;gap:16px}@media print,screen and (min-width: 961px){#wrapper #role .items .item .ttl{flex:1}}@media only screen and (max-width: 960px){#wrapper #role .items .item .ttl{flex:1;font-size:.875rem;line-height:1.6;border-right:1px solid #64aadc;padding-right:10px;text-align:center}}#wrapper #role .items .item .ttl::before{display:block;content:"";width:56px;height:56px;margin-left:auto;margin-right:auto}#wrapper #role .items .item.item1 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_1.svg) 0 0/100% 100%}#wrapper #role .items .item.item2 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_2.svg) 0 0/100% 100%}#wrapper #role .items .item.item3 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_3.svg) 0 0/100% 100%}#wrapper #role .items .item.item4 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_4.svg) 0 0/100% 100%}#wrapper #role .items .item.item5 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_5.svg) 0 0/100% 100%}#wrapper #role .items .item.item6 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_6.svg) 0 0/100% 100%}#wrapper #role .items .item.item7 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_7.svg) 0 0/100% 100%}#wrapper #role .items .item.item8 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_8.svg) 0 0/100% 100%}#wrapper #role .items .item.item9 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_9.svg) 0 0/100% 100%}#wrapper #role .items .item.item10 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_10.svg) 0 0/100% 100%}#wrapper #role .items .item.item11 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_11.svg) 0 0/100% 100%}#wrapper #role .items .item.item12 .ttl::before{background:url(/recruit/it/work/career/img/role_icon_12.svg) 0 0/100% 100%}#wrapper #role .items .item .text{text-align:left;display:block;width:100%;display:flex;align-items:center;justify-content:space-between;color:#000;font-size:1.25rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper #role .items .item .text{width:-moz-fit-content;width:fit-content;gap:10px;white-space:nowrap;font-size:.8125rem;line-height:1.6;padding-left:10px}}#wrapper #role .items .item .text::after{content:"";background:url(/recruit/it/work/career/img/icon_acc.svg) 0 0/100% 100%;width:40px;height:40px;display:block}#wrapper .modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:rgba(30,65,145,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(8px);box-sizing:border-box;padding-left:100px;padding-right:100px;overflow:hidden;visibility:hidden;opacity:0;transition-duration:400ms;transition-property:opacity,visibility}@media only screen and (max-width: 960px){#wrapper .modal{padding-left:24px;padding-right:24px}}body.openModal{overflow:hidden}body.openModal #wrapper .modal{visibility:inherit;opacity:1}#wrapper .modal .inner{flex:1;width:100%;box-sizing:border-box;background:linear-gradient(to right, rgb(75, 35, 130) 0%, rgb(100, 170, 220) 60%, rgb(100, 170, 220) 100%);box-sizing:border-box;padding:15px;padding-top:40px;position:relative;display:flex;flex-direction:column}@media print,screen and (min-width: 961px){#wrapper .modal .inner{max-width:960px;max-height:calc(100vh - 100px)}}@media only screen and (max-width: 960px){#wrapper .modal .inner{padding-top:20px;max-height:calc(100vh - 24cqw)}}#wrapper .modal h2{font-size:2rem;line-height:1.5;color:#fff}@media only screen and (max-width: 960px){#wrapper .modal h2{font-size:1.125rem;line-height:1.5}}#wrapper .modal .pages{margin-top:40px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}@media only screen and (max-width: 960px){#wrapper .modal .pages{margin-top:20px}}#wrapper .modal .page{display:none;flex-direction:column;gap:10px}#wrapper .modal .page.open{display:flex}#wrapper .modal .scroll{position:relative;overflow:auto;flex:1}@media print,screen and (min-width: 961px){#wrapper .modal .scroll::-webkit-scrollbar{width:6px}#wrapper .modal .scroll::-webkit-scrollbar-track{background-color:#e6e6e6}#wrapper .modal .scroll::-webkit-scrollbar-thumb{background-color:#727272}}#wrapper .modal .btn_close{position:absolute;right:15px;top:40px;display:flex;align-items:center;gap:10px;color:#fff}#wrapper .modal .btn_close::after{content:"";background:#1e4191 url(/recruit/it/common/img/icon_close.svg) center/11px no-repeat;width:40px;height:40px}@media only screen and (max-width: 960px){#wrapper .modal .btn_close{top:15px;font-size:.75rem;line-height:2}}#wrapper .modal .page .hd{display:flex;flex-direction:column;gap:24px}@media print,screen and (min-width: 961px){#wrapper .modal .page .hd{background-color:#1e4191;padding:24px}}@media only screen and (max-width: 960px){#wrapper .modal .page .hd{gap:15px}}#wrapper .modal .page .hd h3{font-size:1.25rem;line-height:1.5;color:#fff;text-align:center;display:flex;flex-direction:column;gap:10px}#wrapper .modal .page .hd h3::before{display:block;content:"";aspect-ratio:1;margin-left:auto;margin-right:auto;width:60px;background-color:#fff}@media only screen and (max-width: 960px){#wrapper .modal .page .hd h3::before{width:48px}}@media print,screen and (min-width: 961px){#wrapper .modal .page .hd h3 br{display:none}}@media only screen and (max-width: 960px){#wrapper .modal .page .hd h3{font-size:1rem;line-height:1.6;background-color:#1e4191;padding:15px}}#wrapper .modal .page .hd .role{background-color:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width: 960px){#wrapper .modal .page .hd .role{padding:15px}}#wrapper .modal .page .hd .role h4{font-size:1.25rem;line-height:1.5;color:#1e4191}@media only screen and (max-width: 960px){#wrapper .modal .page .hd .role h4{font-size:1.125rem;line-height:1.5}}@media only screen and (max-width: 960px){#wrapper .modal .page .hd .role p{font-size:.875rem;line-height:1.6}}#wrapper .modal .page .hd .role ul li{text-indent:-1em;margin-left:1em}@media only screen and (max-width: 960px){#wrapper .modal .page .hd .role ul li{font-size:.875rem;line-height:1.6}}#wrapper .modal .page.page1 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_1.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_1.svg) center/contain no-repeat}#wrapper .modal .page.page2 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_2.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_2.svg) center/contain no-repeat}#wrapper .modal .page.page3 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_3.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_3.svg) center/contain no-repeat}#wrapper .modal .page.page4 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_4.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_4.svg) center/contain no-repeat}#wrapper .modal .page.page5 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_5.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_5.svg) center/contain no-repeat}#wrapper .modal .page.page6 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_6.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_6.svg) center/contain no-repeat}#wrapper .modal .page.page7 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_7.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_7.svg) center/contain no-repeat}#wrapper .modal .page.page8 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_8.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_8.svg) center/contain no-repeat}#wrapper .modal .page.page9 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_9.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_9.svg) center/contain no-repeat}#wrapper .modal .page.page10 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_10.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_10.svg) center/contain no-repeat}#wrapper .modal .page.page11 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_11.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_11.svg) center/contain no-repeat}#wrapper .modal .page.page12 h3::before{-webkit-mask:url(/recruit/it/work/career/img/role_icon_12.svg) center/contain no-repeat;mask:url(/recruit/it/work/career/img/role_icon_12.svg) center/contain no-repeat}#wrapper .modal .page .examples{margin-top:42px;display:flex;flex-direction:column;gap:42px}@media only screen and (max-width: 960px){#wrapper .modal .page .examples{margin-top:0px;gap:24px}}#wrapper .modal .page .examples .example .case{background-color:#1e4191}@media print,screen and (min-width: 961px){#wrapper .modal .page .examples .example .case{padding:24px}}#wrapper .modal .page .examples .example .case .in{background-color:#fff;padding:24px;display:flex;flex-direction:column;gap:20px}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .in{padding:15px}}#wrapper .modal .page .examples .example .case h4{font-size:1.25rem;line-height:1.5;color:#1e4191}#wrapper .modal .page .examples .example .case .clm{display:grid}@media print,screen and (min-width: 961px){#wrapper .modal .page .examples .example .case .clm{grid-template:"image  head" "image  head" "image  ..." 20px "image  body"/180px 1fr}#wrapper .modal .page .examples .example .case .clm.noimage{grid-template:" head" " head" " ..." 20px "body"/1fr}}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .clm{grid-template:"image ... head" "... ... ..." 10px "body body body"/80px 10px}#wrapper .modal .page .examples .example .case .clm.noimage{grid-template:"head" "..." 10px "body"/1fr}}#wrapper .modal .page .examples .example .case .clm figure{grid-area:image}@media print,screen and (min-width: 961px){#wrapper .modal .page .examples .example .case .clm figure{margin-right:40px}}#wrapper .modal .page .examples .example .case .clm .shd{grid-area:head;position:relative;padding-left:30px;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .clm .shd{padding-left:15px}}#wrapper .modal .page .examples .example .case .clm .shd::before{content:"";position:absolute;left:0;top:0;width:16px;height:100%;background:linear-gradient(to right, rgb(30, 65, 145) 0%, rgba(100, 170, 220, 0) 100%)}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .clm .shd::before{width:12px}}#wrapper .modal .page .examples .example .case .clm .shd .ttl{font-size:1.125rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .clm .shd .ttl{font-size:.875rem;line-height:1.6}}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .clm .shd .names{font-size:.875rem;line-height:1.6}}#wrapper .modal .page .examples .example .case .clm .body{line-break:strict;overflow-wrap:break-word;grid-area:body}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .case .clm .body{font-size:.875rem;line-height:1.6}}#wrapper .modal .page .examples .example .flow{background-color:#fff;padding:24px}@media only screen and (max-width: 960px){#wrapper .modal .page .examples .example .flow{padding:15px;box-sizing:border-box}#wrapper .modal .page .examples .example .flow figure{overflow:auto;padding-bottom:40px}#wrapper .modal .page .examples .example .flow figure img{height:100cqw;max-height:calc(100vh - 280px);width:auto}}#wrapper .modal .pager{margin-top:10px;background-color:#fff;padding:15px}#wrapper .modal .pager ul{display:flex;justify-content:space-between}#wrapper .modal .pager button{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.6}#wrapper .modal .pager button::after{content:"";width:40px;height:40px}@media only screen and (max-width: 960px){#wrapper .modal .pager button{font-size:.75rem;line-height:2}}#wrapper .modal .pager button.next::after{background:#1e4191 url(/recruit/it/common/img/icon_next.svg) center/8px no-repeat}#wrapper .modal .pager button.prev{flex-direction:row-reverse}#wrapper .modal .pager button.prev::after{background:#1e4191 url(/recruit/it/common/img/icon_prev.svg) center/8px no-repeat}#wrapper .modal .pager button.close::after{background:#1e4191 url(/recruit/it/common/img/icon_close.svg) center/11px no-repeat}@media only screen and (max-width: 960px){#wrapper .modal .pager button.close{margin-top:20px;margin-left:auto;margin-right:auto;display:none}}/*# sourceMappingURL=career_top.css.map */