:root{--color1:#0068B4;--color2:#50A3DB;--color3:#EEF8FB;--hover:#0054AD;--text-color:#1f1f1f}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50%)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50%)}100%{opacity:1;transform:translateX(0)}}main{background:url("../images/top/mainBg.webp") no-repeat center;background-size:cover;width:100%;height:857px;overflow:hidden;position:relative;z-index:-1}@media screen and (max-width: 520px){main{background:url("../images/top/mainBg_sp.webp") no-repeat center;background-size:cover;height:535px}}main:before,main:after{position:absolute;display:block;font-family:"Arimo", Arial, Helvetica, "sans-serif","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-style:italic;font-weight:700;font-size:160px;line-height:184px;letter-spacing:0.64px;color:rgba(80,163,219,0.2);z-index:1}@media screen and (max-width: 1020px){main:before,main:after{font-size:140px}}@media screen and (max-width: 900px){main:before,main:after{font-size:100px}}@media screen and (max-width: 700px){main:before,main:after{font-size:70px}}@media screen and (max-width: 520px){main:before,main:after{font-size:50px;line-height:100%}}@media screen and (max-width: 420px){main:before,main:after{font-size:60px}}@media screen and (max-width: 400px){main:before,main:after{font-size:53px}}main:before{animation:slideInLeft 1s ease-out forwards;animation-delay:0.2s;top:87px;left:0;content:"WINTRANCE"}@media screen and (max-width: 520px){main:before{top:70px}}main:after{animation:slideInRight 1s ease-out forwards;animation-delay:0.4s;bottom:0;right:0;content:"RECRUIT"}main .wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1196px;height:716px;background:url("../images/top/mainImg.webp") no-repeat center;background-size:cover;z-index:0}@media screen and (max-width: 1200px){main .wrap{width:100%}}@media screen and (max-width: 520px){main .wrap{background:url("../images/top/mainImg_sp.webp") no-repeat center top;background-size:cover;height:533px}}main .inner{color:#333333;position:relative;z-index:2;padding-top:170px}@media screen and (max-width: 900px){main .inner{padding-top:180px}}@media screen and (max-width: 520px){main .inner{padding-top:90px}}@media screen and (max-width: 400px){main .inner{padding-right:0}}main .inner h1{font-size:72px;font-weight:700;letter-spacing:0.64px;line-height:130%}@media screen and (max-width: 900px){main .inner h1{font-size:60px}}@media screen and (max-width: 700px){main .inner h1{font-size:40px}}@media screen and (max-width: 520px){main .inner h1{font-size:50px}}@media screen and (max-width: 400px){main .inner h1{font-size:45px}}main .inner h1 span.type1{padding:0 20px;position:relative}main .inner h1 span.type1:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:0;background:linear-gradient(291.98deg, rgba(36,180,233,0.9) 0%, rgba(5,98,168,0.9) 100%);z-index:-1}main .inner h1 span.type1.is-show{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;color:#FFF}main .inner h1 span.type1.is-show:after{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;height:93%}main .inner h1 span.type2{background:linear-gradient(291.98deg, #0562A8 0%, #24B4E9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}main .inner p{font-size:20px;letter-spacing:0.64px;line-height:180%;padding:10px 0 0 5px;text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF}@media screen and (max-width: 900px){main .inner p{font-size:16px}}@media screen and (max-width: 420px){main .inner p{font-size:14px}}@media screen and (max-width: 400px){main .inner p{font-size:13px}}.top_company .inner .titleBox{margin-bottom:50px}@media screen and (max-width: 520px){.top_company .inner .titleBox{margin-bottom:20px}}.top_company .inner .company_flexBox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;gap:35px 3%;padding-bottom:30px}@media screen and (max-width: 767px){.top_company .inner .company_flexBox{gap:20px 2%}}@media screen and (max-width: 520px){.top_company .inner .company_flexBox{gap:10px 2%}}.top_company .inner .company_flexBox .inBox{width:31.3%;background:#FFFFFF;border-radius:7px;box-shadow:0px 0px 15px rgba(80,163,219,0.25)}@media screen and (max-width: 767px){.top_company .inner .company_flexBox .inBox{width:48%}}.top_company .inner .company_flexBox .inBox a{display:block;padding:30px 20px 10px}@media screen and (max-width: 520px){.top_company .inner .company_flexBox .inBox a{padding:8px}}.top_company .inner .company_flexBox .inBox a .imgBox{width:100%;height:200px}@media screen and (max-width: 520px){.top_company .inner .company_flexBox .inBox a .imgBox{height:100px}}.top_company .inner .company_flexBox .inBox a .imgBox img{object-fit:cover;width:100%;height:100%;max-width:none}.top_company .inner .company_flexBox .inBox a .txBox{width:100%;height:80px;font-size:20px;font-weight:700;position:relative;text-align:left;display:flex;justify-content:flex-start;align-items:center}@media screen and (max-width: 520px){.top_company .inner .company_flexBox .inBox a .txBox{font-size:16px;height:60px}}@media screen and (max-width: 420px){.top_company .inner .company_flexBox .inBox a .txBox{font-size:14px;font-weight:600}}.top_company .inner .company_flexBox .inBox a .txBox:before{-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);content:"";position:absolute;top:50%;right:0px;border-radius:50%;z-index:0;background-color:var(--color1);width:40px;height:40px;z-index:0}@media screen and (max-width: 520px){.top_company .inner .company_flexBox .inBox a .txBox:before{width:26px;height:26px;right:0px}}.top_company .inner .company_flexBox .inBox a .txBox:after{content:"";position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);z-index:1;background:url("../images/common/arrow_w.svg") no-repeat center;background-size:100%;width:20px;height:20px;right:10px}@media screen and (max-width: 520px){.top_company .inner .company_flexBox .inBox a .txBox:after{width:16px;right:26px;right:4px}}.top_career{padding:130px 0 80px}@media screen and (max-width: 520px){.top_career{padding:50px 0 30px}}.top_career .inner .btnBox{display:flex;justify-content:center;border-radius:7px;overflow:hidden;background:linear-gradient(291.98deg, #24B4E9 0%, #0562A8 100%);box-shadow:0px 0px 15px rgba(80,163,219,0.25)}@media screen and (max-width: 680px){.top_career .inner .btnBox{flex-wrap:wrap}}.top_career .inner .btnBox .imgBox{width:45%}@media screen and (max-width: 680px){.top_career .inner .btnBox .imgBox{width:100%;order:2}}@media screen and (max-width: 680px){.top_career .inner .btnBox .imgBox img{max-width:none;width:105%;height:auto}}.top_career .inner .btnBox .txBox{width:55%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0 0 0 30px}@media screen and (max-width: 680px){.top_career .inner .btnBox .txBox{width:100%;order:1;padding:30px 30px 50px}}.top_career .inner .btnBox .txBox:before{-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);content:"";position:absolute;top:50%;right:40px;border-radius:50%;z-index:0;background-color:#FFF;width:40px;height:40px;z-index:0}@media screen and (max-width: 680px){.top_career .inner .btnBox .txBox:before{top:auto;-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);bottom:10px}}@media screen and (max-width: 520px){.top_career .inner .btnBox .txBox:before{width:26px;height:26px;right:20px}}.top_career .inner .btnBox .txBox:after{content:"";position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);z-index:1;background:url("../images/common/arrow_b.svg") no-repeat center;background-size:100%;width:20px;height:20px;right:50px}@media screen and (max-width: 680px){.top_career .inner .btnBox .txBox:after{top:auto;-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);bottom:20px}}@media screen and (max-width: 520px){.top_career .inner .btnBox .txBox:after{width:16px;right:25px;bottom:12px}}.top_career .inner .btnBox .txBox .titleBox .enTx{color:#FFF;background-image:none;-webkit-text-fill-color:initial;line-height:100%}@media screen and (max-width: 1000px){.top_career .inner .btnBox .txBox .titleBox .enTx{font-size:50px}}.top_career .inner .btnBox .txBox .titleBox h2{color:#FFF}@media screen and (max-width: 1000px){.top_career .inner .btnBox .txBox .titleBox h2{font-size:24px}}.top_job{background:url("../images/top/job.webp") no-repeat center;background-size:cover;padding:50px 0 80px}@media screen and (max-width: 520px){.top_job{padding:30px 0}}.top_job .inner .titleBox .enTx{color:#FFF;background-image:none;-webkit-text-fill-color:initial;line-height:100%;text-transform:none}@media screen and (max-width: 520px){.top_job .inner .titleBox .enTx{font-size:46px}}.top_job .inner .titleBox h2{color:#FFF}.top_job .inner .jobs__list{padding:40px 0 0 0;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px 2%}.top_job .inner .jobs__list .inBox{width:48%}@media screen and (max-width: 600px){.top_job .inner .jobs__list .inBox{width:100%}}.top_job .inner .jobs__list .inBox a{display:flex;justify-content:flex-start;align-items:center;padding:20px;border-radius:7px;background-color:#FFF;box-shadow:0px 0px 15px rgba(80,163,219,0.15)}@media screen and (max-width: 520px){.top_job .inner .jobs__list .inBox a{padding:10px}}.top_job .inner .jobs__list .inBox a .imgBox{width:30%;height:100px;position:relative}@media screen and (max-width: 520px){.top_job .inner .jobs__list .inBox a .imgBox{height:70px}}.top_job .inner .jobs__list .inBox a .imgBox img{object-fit:cover;width:100%;height:100%}.top_job .inner .jobs__list .inBox a .title{position:relative;width:70%;padding:0 50px 0 20px;font-size:20px;font-weight:600}@media screen and (max-width: 520px){.top_job .inner .jobs__list .inBox a .title{font-size:16px}}.top_job .inner .jobs__list .inBox a .title:before{-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);content:"";position:absolute;top:50%;right:0px;border-radius:50%;z-index:0;background-color:var(--color1);width:40px;height:40px;z-index:0}@media screen and (max-width: 520px){.top_job .inner .jobs__list .inBox a .title:before{width:26px;height:26px}}.top_job .inner .jobs__list .inBox a .title:after{content:"";position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);z-index:1;background:url("../images/common/arrow_w.svg") no-repeat center;background-size:100%;width:20px;height:20px;right:10px}@media screen and (max-width: 520px){.top_job .inner .jobs__list .inBox a .title:after{width:16px;right:5px}}@media screen and (max-width: 520px){.top_job .inner .jobs__list{padding:20px 0 0 0}}.top_interview{background:linear-gradient(109.04deg, #EEF8FB 7.94%, #fff 50.95%, #EEF8FB 93.96%);padding:70px 0}@media screen and (max-width: 520px){.top_interview{padding:30px 0}}.top_interview .slider-wrapper{display:block;width:100%;padding-left:calc(50% - 520px);padding-right:0;padding-top:40px}@media screen and (max-width: 1110px){.top_interview .slider-wrapper{padding-left:20px}}@media screen and (max-width: 520px){.top_interview .slider-wrapper{padding-left:0px}}@media screen and (max-width: 520px){.top_interview .slider-wrapper{padding-top:20px}}.top_interview .interview_splide .splide__arrows{position:absolute;top:-70px;right:calc(50% - 430px);width:120px}@media screen and (max-width: 880px){.top_interview .interview_splide .splide__arrows{right:20px;top:-60px}}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__arrows{right:0;width:90px;top:-37px}}.top_interview .interview_splide .splide__arrows .splide__arrow{border:1px solid var(--color1);width:40px;height:40px;background-color:var(--color1);position:absolute;top:0;opacity:1}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__arrows .splide__arrow{width:26px;height:26px}}.top_interview .interview_splide .splide__arrows .splide__arrow:after{content:"";width:16px;height:20px;background:url("../images/common/arrow_w.svg") no-repeat center;background-size:100%;position:absolute;top:50%;right:10px;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);z-index:1}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__arrows .splide__arrow:after{right:4px;top:51%}}.top_interview .interview_splide .splide__arrows .splide__arrow svg{display:none}.top_interview .interview_splide .splide__arrows .splide__arrow--prev{background-color:#FFF;left:0}.top_interview .interview_splide .splide__arrows .splide__arrow--prev:after{background:url("../images/common/arrow_b.svg") no-repeat center;background-size:100%;-webkit-transform:translate(0%, -50%) rotate(180deg);-moz-transform:translate(0%, -50%) rotate(180deg);-ms-transform:translate(0%, -50%) rotate(180deg);-o-transform:translate(0%, -50%) rotate(180deg);transform:translate(0%, -50%) rotate(180deg)}.top_interview .interview_splide .splide__arrows .splide__arrow--prev{right:0}.top_interview .interview_splide .splide__slide{height:397px !important;position:relative;overflow:hidden;border-radius:7px;filter:drop-shadow(0px 0px 15px rgba(80,163,219,0.25))}@media screen and (max-width: 1000px){.top_interview .interview_splide .splide__slide{height:330px !important}}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide{height:260px !important}}.top_interview .interview_splide .splide__slide a{display:block;width:100%;height:100%}.top_interview .interview_splide .splide__slide .noimg{position:relative;z-index:0}.top_interview .interview_splide .splide__slide img{object-fit:cover;width:100%;height:100%;position:relative;z-index:0}.top_interview .interview_splide .splide__slide .tx{position:absolute;bottom:0;left:0;width:100%;z-index:1;background:linear-gradient(180deg, rgba(0,104,180,0) 0%, #0068B4 100%);border-radius:0px 0px 7px 7px;padding:30px 16px 60px 16px;color:#FFF}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx{padding:20px 5px 40px 5px}}.top_interview .interview_splide .splide__slide .tx:before{content:"";position:absolute;bottom:15px;right:20px;width:40px;height:40px;background-color:#FFF;border-radius:50%;z-index:0}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx:before{width:26px;height:26px;right:10px}}.top_interview .interview_splide .splide__slide .tx:after{content:"";width:20px;height:20px;background:url("../images/common/arrow_b.svg") no-repeat center;background-size:100%;position:absolute;bottom:25px;right:30px;z-index:1}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx:after{width:12px;height:12px;right:17px;bottom:22px}}.top_interview .interview_splide .splide__slide .tx .name{display:flex;justify-content:flex-start;align-items:center;font-size:20px;gap:0 10px}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx .name{display:block}}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx .name span{display:block}}.top_interview .interview_splide .splide__slide .tx .name span span{background-color:#FFF;font-size:16px;color:var(--color1);border-radius:20px;padding:0 10px}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx .name span span{display:inline-block;font-size:14px}}.top_interview .interview_splide .splide__slide .tx .txt{font-size:16px}@media screen and (max-width: 520px){.top_interview .interview_splide .splide__slide .tx .txt{font-size:14px}}