@media print,screen and (min-width: 961px){#wrapper .kv{height:420px}#wrapper .kv::before{position:absolute;left:0;top:0;content:"";background:url(/recruit/it/environment/workstyle/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/environment/workstyle/img/kv_back_2.svg) 0 0/100% 100%;width:239px;aspect-ratio:239/362}}@media only screen and (max-width: 960px){#wrapper .kv{height:106.3492063492cqw}#wrapper .kv::after{position:absolute;right:0;top:0;content:"";background:url(/recruit/it/environment/workstyle/img/kv_back_sp.svg) 0 0/100% 100%;aspect-ratio:390/402;width:100cqw}}#wrapper section{margin-bottom:80px}@media only screen and (max-width: 960px){#wrapper section{margin-bottom:50px}}#wrapper 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 section h2{font-size:2rem;line-height:1.5}}#wrapper 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 section h2::after{margin-top:16px}}#wrapper section .lead{margin-top:40px}@media only screen and (max-width: 960px){#wrapper section .lead{font-size:.875rem;line-height:1.6;margin-top:24px}}#wrapper #numbers{padding-top:80px;padding-bottom:80px}@media only screen and (max-width: 960px){#wrapper #numbers{padding-top:50px;padding-bottom:50px}}#wrapper #numbers{background:linear-gradient(to right, rgba(75, 35, 130, 0.2) 0%, rgba(100, 170, 220, 0.2) 50%, rgba(100, 170, 220, 0.1) 100%)}#wrapper #numbers .grp{margin-top:42px}#wrapper #numbers .grp h3{width:-moz-fit-content;width:fit-content;position:relative;padding-right:40px;padding-top:5px;padding-bottom:5px}#wrapper #numbers .grp h3 span{font-size:1.5rem;line-height:1.5;position:relative;color:#fff}@media only screen and (max-width: 960px){#wrapper #numbers .grp h3 span{font-size:1.25rem;line-height:1.5}}#wrapper #numbers .grp h3::before{content:"";position:absolute;right:0;top:0;width:calc(100% + 100vw);height:100%;background:linear-gradient(to right, rgb(75, 35, 130) 0%, rgb(30, 65, 145) 100%)}#wrapper #numbers .itemsset{background-color:red}#wrapper #numbers .items{container-type:inline-size;margin-top:40px;display:grid}@media print,screen and (min-width: 961px){#wrapper #numbers .items{grid-template-columns:repeat(5, 1fr);gap:1.5cqw}}@media only screen and (max-width: 960px){#wrapper #numbers .items{grid-template-columns:repeat(2, 1fr);gap:3cqw}}#wrapper #numbers .items .item{overflow:hidden;aspect-ratio:1;position:relative;display:flex;flex-direction:column;padding:1cqw;box-sizing:border-box;container-type:inline-size}@media only screen and (max-width: 960px){#wrapper #numbers .items .item{padding:3cqw}}#wrapper #numbers .items .item h4{font-size:8cqw}#wrapper #numbers .items .item h4::before{content:"■"}@media print,screen and (min-width: 961px){#wrapper #numbers .items .item::after{content:"";position:absolute;right:4cqw;bottom:4cqw;width:22cqw;height:22cqw;display:block}}#wrapper #numbers .items .item .values{flex:1;display:flex;justify-content:center;align-items:center;gap:6cqw;margin-bottom:1em;margin-left:auto;margin-right:auto}#wrapper #numbers .items .item dl{display:flex;align-items:center;flex-direction:column;gap:2cqw}#wrapper #numbers .items .item dl dd{flex:1}#wrapper #numbers .items .item dl dd .value{margin-left:auto}#wrapper #numbers .items .item dl dt{font-size:12cqw}#wrapper #numbers .items .item .value{line-height:1em;text-align:center;font-size:12cqw;width:-moz-fit-content;width:fit-content}@media only screen and (max-width: 960px){#wrapper #numbers .items .item .value{font-size:14cqw}}#wrapper #numbers .items .item .value .num{line-height:1em;font-size:24cqw}@media only screen and (max-width: 960px){#wrapper #numbers .items .item .value .num{font-size:28cqw}}#wrapper #numbers .items .item .note{font-size:6cqw;line-height:1.35em}#wrapper #numbers .items .item:nth-child(odd){background:#1e4191;color:#fff}#wrapper #numbers .items .item:nth-child(even){background-color:#fff;color:#1e4191}@media print,screen and (min-width: 961px){#wrapper #numbers .grp1 .item1::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_1.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item2::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_2.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item3::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_3.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item4::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_4.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item5::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_5.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item6::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_6.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item7::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_7.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item8::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_8.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item9::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_9.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item10::after{background:url(/recruit/it/environment/workstyle/img/numbers_1_10.svg) center/contain no-repeat}#wrapper #numbers .grp1 .item5::after{top:4cqw;bottom:inherit}#wrapper #numbers .grp1 .item8 .values{width:72cqw}}@media print,screen and (min-width: 961px){#wrapper #numbers .grp2 .item1::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_1.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item2::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_2.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item3::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_3.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item4::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_4.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item5::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_5.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item6::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_6.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item7::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_7.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item8::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_8.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item9::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_9.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item10::after{background:url(/recruit/it/environment/workstyle/img/numbers_2_10.svg) center/contain no-repeat}#wrapper #numbers .grp2 .item1 .values,#wrapper #numbers .grp2 .item2 .values,#wrapper #numbers .grp2 .item3 .values{padding-bottom:10cqw}#wrapper #numbers .grp2 .item1::after,#wrapper #numbers .grp2 .item2::after,#wrapper #numbers .grp2 .item3::after{right:42%}}#wrapper #numbers .grp2 .item3 .values{flex-direction:column;gap:2cqw}#wrapper #numbers .grp2 .item3 dl{flex-direction:row;align-items:flex-end;gap:2cqw}@media print,screen and (min-width: 961px){#wrapper #numbers .grp2 .tar{width:59%}}#wrapper #numbers .notes{margin-top:20px;display:flex;flex-direction:column;gap:.5em}#wrapper #numbers .notes li{color:#1e4191;font-size:.75rem;line-height:2;line-height:1.35em}#wrapper #numbers .notes.tar{text-align:right}#wrapper #numbers .numbers__note{margin-top:20px;text-align:right;justify-self:14px;color:#1e4191}#wrapper .bn{margin-bottom:80px}@media only screen and (max-width: 960px){#wrapper .bn{margin-bottom:50px}}#wrapper .bn a{display:flex;background-color:#1e4191;text-decoration:none}@media print,screen and (min-width: 961px){#wrapper .bn a figure{width:50%;position:relative;overflow:hidden}#wrapper .bn a figure img{transition-duration:250ms;transition-property:transform}#wrapper .bn a .texts{width:50%}}@media only screen and (max-width: 960px){#wrapper .bn a{flex-direction:column}}#wrapper .bn a .texts{display:flex;flex-direction:column;justify-content:center;padding:24px;box-sizing:border-box;background:url(/recruit/it/environment/workstyle/img/bn_back.svg) 0 0/cover;position:relative;color:#fff;gap:15px;padding-right:100px}@media only screen and (max-width: 960px){#wrapper .bn a .texts{padding:48px 24px}}#wrapper .bn a .texts .ttl{display:block;font-size:2rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper .bn a .texts .ttl{font-size:1.5rem;line-height:1.5}}#wrapper .bn a .texts .body{display:block;position:relative;z-index:1;font-size:1.125rem;line-height:1.5}@media only screen and (max-width: 960px){#wrapper .bn a .texts .body{font-size:1rem;line-height:1.6}}#wrapper .bn 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 .bn a .texts::after{transition-duration:250ms;transition-property:background}}@media print,screen and (min-width: 961px){#wrapper .bn a{position:relative}#wrapper .bn 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 .bn a:hover figure img{transform:scale(1.1)}#wrapper .bn a:hover .texts::after{background:#1e4191 url(/recruit/it/common/img/icon_arr.svg) calc(50% + 5px) center/8px 13px no-repeat}#wrapper .bn a:hover::after{clip-path:inset(0 0 0 0)}}#wrapper #office{padding-top:80px;padding-bottom:80px}@media only screen and (max-width: 960px){#wrapper #office{padding-top:50px;padding-bottom:50px}}#wrapper #office{background:linear-gradient(to right, rgba(75, 35, 130, 0.2) 0%, rgba(100, 170, 220, 0.2) 50%, rgba(100, 170, 220, 0.1) 100%)}#wrapper #office .items{margin-top:100px;width:auto;box-sizing:border-box;padding:15px;background-color:#fff;display:grid}@media print,screen and (min-width: 961px){#wrapper #office .items{grid-template-columns:repeat(4, 1fr);gap:15px}}@media only screen and (max-width: 960px){#wrapper #office .items{padding:10px;margin-top:32px;grid-template-columns:repeat(2, 1fr);gap:10px}}#wrapper #office .items .item{position:relative;aspect-ratio:256/172}#wrapper #office .items .item figure{position:absolute;left:0;top:0;width:100%;height:100%}#wrapper #office .items .item figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}#wrapper #office .items .item .ttl{z-index:1;position:absolute;right:0;top:0;display:flex;align-items:center;gap:10px;padding:10px}@media only screen and (max-width: 960px){#wrapper #office .items .item .ttl{padding:6px;font-size:.875rem;line-height:1.6}}#wrapper #office .items .item .ttl::after{content:"";display:block;width:24px;height:24px;text-indent:-9999px;overflow:hidden;position:relative;background:#fff url(/recruit/it/environment/workstyle/img/Icon_modal.svg) center/auto no-repeat}@media only screen and (max-width: 960px){#wrapper #office .items .item .ttl::after{width:20px;height:20px}}#wrapper #office .items .item button{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;overflow:hidden}#wrapper #office .items .item.tokyo .ttl{background:linear-gradient(to right, rgb(30, 65, 145) 30%, rgba(30, 65, 145, 0.4) 100%)}#wrapper #office .items .item.tokyo .ttl .area{color:#fff}#wrapper #office .items .item.osaka .ttl{background:linear-gradient(to right, rgb(100, 170, 220) 30%, rgba(100, 170, 220, 0.4) 100%)}#wrapper #office .items .item.nagasaki .ttl{background:linear-gradient(to right, rgb(75, 35, 130) 30%, rgba(75, 35, 130, 0.4) 100%)}#wrapper #office .items .item.nagasaki .ttl .area{color:#fff}#wrapper #enquete{margin-bottom:150px}#wrapper #enquete .lead{margin-bottom:50px}#wrapper #enquete .tab{display:flex;gap:20px}@media print,screen and (min-width: 961px){#wrapper #enquete .tab{margin-left:20px;margin-right:20px}}@media only screen and (max-width: 960px){#wrapper #enquete .tab{gap:6px}}#wrapper #enquete .tab li{flex:1;display:flex}#wrapper #enquete .tab li button{display:flex;flex:1;width:100%;justify-content:center;align-items:center;padding-top:15px;padding-bottom:15px;background-color:#1e4191;font-size:1.25rem;line-height:1.5;color:#fff}@media only screen and (max-width: 960px){#wrapper #enquete .tab li button{font-size:.75rem;line-height:2;line-height:1.3em}}#wrapper #enquete .tab li button.active{margin-top:-20px;color:#1e4191;background-color:rgba(100,170,220,.2)}@media only screen and (max-width: 960px){#wrapper #enquete .tab li button.active{margin-top:-10px}}#wrapper #enquete .tab.end li button.active{margin-top:inherit;margin-bottom:-20px}@media only screen and (max-width: 960px){#wrapper #enquete .tab.end li button.active{margin-bottom:-10px}}#wrapper #enquete .pages{padding:20px;background-color:rgba(100,170,220,.2)}@media only screen and (max-width: 960px){#wrapper #enquete .pages{padding:10px}}#wrapper #enquete .page{padding-top:20px;padding-bottom:40px;display:none}#wrapper #enquete .page.active{display:block}@media only screen and (max-width: 960px){#wrapper #enquete .page{padding-top:10px;padding-bottom:40px}}#wrapper #enquete .page h3{font-size:2.5rem;line-height:1.5;color:#1e4191;text-align:center;margin-bottom:40px}@media only screen and (max-width: 960px){#wrapper #enquete .page h3{font-size:2rem;line-height:1.5;margin-bottom:20px}}#wrapper #enquete .page .questions{display:flex;gap:30px;flex-wrap:wrap}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions{gap:10px;flex-direction:column}}#wrapper #enquete .page .questions .q{background-color:#fff;box-sizing:border-box;position:relative;width:100%;box-sizing:border-box}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.half{width:calc(50% - 15px)}}#wrapper #enquete .page .questions .q h4{margin-top:20px;background:linear-gradient(to right, rgb(75, 35, 130) 0%, rgb(30, 65, 145) 100%);width:-moz-fit-content;width:fit-content;padding-right:30px;padding-top:5px;padding-bottom:5px;padding-left:80px;font-size:1.25rem;line-height:1.5;color:#fff}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q h4{padding-left:20px;font-size:1.125rem;line-height:1.5}}#wrapper #enquete .page .questions .q.chart figure{padding:40px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.chart figure{padding:20px}}#wrapper #enquete .page .questions .q.chart .note{padding:10px;text-align:right;font-size:.875rem;line-height:1.6}#wrapper #enquete .page .questions .q.voice .items{padding:20px;padding-top:40px;padding-bottom:100px}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.voice .items{display:flex;flex-wrap:wrap;gap:80px 30px}}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.voice .items{padding:10px;margin-top:20px;padding-bottom:40px;display:flex;flex-direction:column;gap:60px 10px}}#wrapper #enquete .page .questions .q.voice .item{position:relative;box-sizing:border-box;background:linear-gradient(to right, rgba(100, 170, 220, 0.2) 80%, rgba(100, 170, 220, 0) 100%)}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.voice .item{width:calc((100% - 30px)/2)}}#wrapper #enquete .page .questions .q.voice .item::after{position:absolute;top:100%;left:calc(50% - 20px);content:"";width:40px;height:40px;background-color:rgba(100,170,220,.2);clip-path:polygon(0 0, 100% 0, 50% 100%)}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.voice .item::after{width:30px;height:30px}}#wrapper #enquete .page .questions .q.voice .item h5{margin-top:-15px;padding:10px 40px;width:-moz-fit-content;width:fit-content;font-size:1.25rem;line-height:1.5;color:#fff;background:linear-gradient(to right, rgb(100, 170, 220) 0%, rgb(30, 65, 145) 10%, rgb(30, 65, 145) 90%, rgb(75, 35, 130) 100%)}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.voice .item h5{font-size:1rem;line-height:1.6}}#wrapper #enquete .page .questions .q.voice .item ul{padding:40px;display:flex;flex-direction:column;gap:1em}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.voice .item ul{padding:30px}}#wrapper #enquete .page .questions .q.voice .item ul li{position:relative}#wrapper #enquete .page .questions .q.voice .item ul li::before{display:inline-block;content:"";width:15px;height:15px;position:absolute;left:-18px;top:.3em;background:linear-gradient(to right, rgb(30, 65, 145) 0%, rgba(100, 170, 220, 0.6) 70%, rgba(255, 255, 255, 0) 100%)}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.voice .item ul li{font-size:.875rem;line-height:1.6}}#wrapper #enquete .page .questions .q.episode .items{padding:20px;padding-top:40px;padding-bottom:40px}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.episode .items{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.episode .items{padding:20px 10px;display:flex;flex-direction:column;gap:10px}}#wrapper #enquete .page .questions .q.episode .item{position:relative;box-sizing:border-box;background-color:rgba(100,170,220,.1);padding:40px 20px}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.episode .item{padding:20px 10px}}#wrapper #enquete .page .questions .q.episode .item h5{font-size:1.25rem;line-height:1.5;color:#1e4191;text-align:center}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.episode .item h5{line-height:1.25em;min-height:2.5em;display:flex;align-items:center;justify-content:center}}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.episode .item h5{font-size:1.125rem;line-height:1.5}}#wrapper #enquete .page .questions .q.episode .item ul{margin-top:40px;padding-left:20px;display:flex;flex-direction:column;gap:1em}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.episode .item ul{margin-top:20px}}#wrapper #enquete .page .questions .q.episode .item ul li{position:relative}#wrapper #enquete .page .questions .q.episode .item ul li::before{display:inline-block;content:"";width:15px;height:15px;position:absolute;left:-18px;top:.3em;background:linear-gradient(to left, rgb(30, 65, 145) 0%, rgba(100, 170, 220, 0.6) 70%, rgba(255, 255, 255, 0) 100%)}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.episode .item ul li{font-size:.875rem;line-height:1.6}}#wrapper #enquete .page .questions .q.q1_4{position:relative}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.q1_4{padding-bottom:80px}}#wrapper #enquete .page .questions .q.q1_4::after{content:"";background:url(/recruit/it/environment/workstyle/img/enquete_1_4.svg) center/100%;width:92px;height:92px;display:block;position:absolute;left:40px;bottom:0}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.q1_4::after{left:20px}}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.q1_4 .custom{margin-bottom:60px}}#wrapper #enquete .page .questions .q.q1_3 .figset{margin:40px;container-type:inline-size;position:relative}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.q1_3 .figset{margin:20px}}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.q1_3 .figset ul{position:absolute;left:4cqw;width:calc(100% - 8cqw);bottom:9cqw;display:grid;grid-template-columns:repeat(7, 1fr);gap:6cqw}#wrapper #enquete .page .questions .q.q1_3 .figset ul li{display:flex;align-items:center;justify-content:center;font-size:2cqw;text-align:center;font-weight:500}}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.q1_3 .figset ul{position:absolute;left:0;width:100%;height:calc(100% - 6cqw);top:7cqw;display:flex;justify-content:space-between;flex-direction:column}#wrapper #enquete .page .questions .q.q1_3 .figset ul li{padding-left:2cqw;height:10cqw;display:flex;align-items:center;font-size:5cqw;font-weight:500;position:relative;top:-0.1em}}#wrapper #enquete .page .questions .q.q1_3 figure{padding:0}@media only screen and (max-width: 960px){#wrapper #enquete .page .questions .q.q1_3 figure{padding:0}}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.q2_1 figure img{height:400px;width:auto}}#wrapper #enquete .page .questions .q.q2_2 .item h5{padding-left:20px;display:flex;align-items:center;gap:20px}#wrapper #enquete .page .questions .q.q2_2 .item h5::before{content:"1";font-size:2rem;line-height:1.5}#wrapper #enquete .page .questions .q.q2_2 .item.item1 h5::before{content:"1"}#wrapper #enquete .page .questions .q.q2_2 .item.item2 h5::before{content:"2"}#wrapper #enquete .page .questions .q.q2_2 .item.item3 h5::before{content:"3"}#wrapper #enquete .page .questions .q.q2_2 .item.item4 h5::before{content:"4"}#wrapper #enquete .page .questions .q.q2_2 .item.item5 h5::before{content:"5"}#wrapper #enquete .page .questions .q.q2_2 .item.item6 h5::before{content:"6"}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.q2_2{padding-bottom:100px;position:relative}#wrapper #enquete .page .questions .q.q2_2::before{content:"";position:absolute;right:50px;top:50px;background:url(/recruit/it/environment/workstyle/img/enquete_2_2_2.svg) 0 0/100% 100%;width:104px;aspect-ratio:104/98}#wrapper #enquete .page .questions .q.q2_2::after{content:"";position:absolute;left:50px;bottom:0px;background:url(/recruit/it/environment/workstyle/img/enquete_2_2_1.svg) 0 0/100% 100%;width:96px;aspect-ratio:96/113}#wrapper #enquete .page .questions .q.q2_2 .item:nth-child(even){top:120px}}@media print,screen and (min-width: 961px){#wrapper #enquete .page .questions .q.q2_4 .items{display:grid;grid-template:"item1 ... item2 ... item3" "... ... ... ... item3" 0 "item4 ... item5 ... item3"/1fr 0 1fr 0 1fr}#wrapper #enquete .page .questions .q.q2_4 .item1{grid-area:item1}#wrapper #enquete .page .questions .q.q2_4 .item2{grid-area:item2}#wrapper #enquete .page .questions .q.q2_4 .item3{grid-area:item3}#wrapper #enquete .page .questions .q.q2_4 .item4{grid-area:item4}#wrapper #enquete .page .questions .q.q2_4 .item5{grid-area:item5}}#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{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 .pages .page{display:none;background-color:#fff;gap:15px;padding:15px}#wrapper .modal .pages .page.open{display:flex}@media only screen and (max-width: 960px){#wrapper .modal .pages .page{flex-direction:column-reverse}}#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}}@media print,screen and (min-width: 961px){#wrapper .modal .texts{width:50%}}#wrapper .modal .texts .hd{display:flex;gap:15px}@media print,screen and (min-width: 961px){#wrapper .modal .texts .hd{align-items:center}}@media only screen and (max-width: 960px){#wrapper .modal .texts .hd{gap:10px;flex-direction:column}}#wrapper .modal .texts .hd .area{width:-moz-fit-content;width:fit-content;white-space:nowrap;color:#fff;padding:4px 20px}#wrapper .modal .texts .hd .area.tokyo{background:linear-gradient(to right, rgb(30, 65, 145) 30%, rgba(30, 65, 145, 0.4) 100%)}#wrapper .modal .texts .hd .area.osaka{color:#000;background:linear-gradient(to right, rgb(100, 170, 220) 30%, rgba(100, 170, 220, 0.4) 100%)}#wrapper .modal .texts .hd .area.nagasaki{background:linear-gradient(to right, rgb(75, 35, 130) 30%, rgba(75, 35, 130, 0.4) 100%)}#wrapper .modal .texts h3{font-size:2rem;line-height:1.5;line-height:1.2em}@media only screen and (max-width: 960px){#wrapper .modal .texts h3{font-size:1.75rem;line-height:1.5;line-height:1.2em}}#wrapper .modal .texts .body{margin-top:40px}@media only screen and (max-width: 960px){#wrapper .modal .texts .body{margin-top:10px;font-size:.875rem;line-height:1.6}}#wrapper .modal .texts{color:#1e4191}@media print,screen and (min-width: 961px){#wrapper .modal figure{width:50%}}#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=workstyle.css.map */