@font-face{font-family:"HiraKakuStd-W5";src:url("/font/HiraKakuStd-W5.otf") format("otf")}@font-face{font-family:"HiraKakuStd-W7";src:url("/font/HiraKakuStd-W7.otf") format("otf")}@font-face{font-family:"HiraKakuStd-W8";src:url("/font/HiraKakuStd-W8.otf") format("otf")}@font-face{font-family:"OPTIBankGothic-Medium";src:url("/font/OPTIBankGothic-Medium.otf") format("otf")}body,html{margin:0;padding:0;overflow-x:hidden}p,a,h1,h2,h3,h4,h5,ul,ol,li{margin:0;padding:0}a{text-decoration:none}a:hover{opacity:.7}div{box-sizing:border-box}body{font-family:"HiraKakuStd-W5", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;font-weight:600}textarea{resize:none}.sp{display:none}img{height:auto;vertical-align:bottom}@-webkit-keyframes flash-fade-in3{0%{width:10%;opacity:1;will-change:width}20%{width:20%;opacity:1;will-change:width}40%{width:40%;opacity:1;will-change:width}60%{width:60%;opacity:1;will-change:width}80%{width:80%;opacity:1;will-change:width}100%{width:100%;opacity:1}}@keyframes flash-fade-in3{0%{width:10%;opacity:1;will-change:width}20%{width:20%;opacity:1;will-change:width}40%{width:40%;opacity:1;will-change:width}60%{width:60%;opacity:1;will-change:width}80%{width:80%;opacity:1;will-change:width}100%{width:100%;opacity:1}}@-webkit-keyframes flash-fade-in2{0%{opacity:0;transform:scale(1.3)}50%{transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}@keyframes flash-fade-in2{0%{opacity:0;transform:scale(1.3)}50%{transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}.fv{background-size:cover;width:100%;height:600px;position:relative}.fv.engineer{background-image:url("/img/recruit/job/job01/bg_job.jpg")}.fv.office-work{background-image:url("/img/recruit/job/job02/bg_job.jpg")}.fv.career-planner{background-image:url("/img/recruit/job/job03/bg_job.jpg")}.fv__label{background-size:cover;padding:40px 0 44px;position:absolute;top:209.5px;left:0;text-align:center;width:590px}.fv__label.tranformActive .title-bg{position:absolute;top:0;left:0;width:0;height:100%;pointer-events:none;opacity:1}.fv__label.tranformActive .title-content{opacity:0;transform:translateY(30px);position:relative;z-index:2}.fv__label.tranformActive.on .title-bg{background-image:url("/img/recruit/job/job01/bg_label.png");background-size:cover;-webkit-animation:flash-fade-in3 0.5s .5s forwards;animation:flash-fade-in3 0.5s .5s forwards}.fv__label.tranformActive.on .title-content{opacity:1;transform:translateY(0px);transition:1s 1s ease}.fv__label img{display:block;margin:0 auto;width:50.5px}.fv__label h1{margin-top:8.5px;font-size:53px;color:#000000;font-family:"HiraKakuStd-W7","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:700;font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt"}.fv__label img.text{display:block;margin:10px auto 0;height:10px;width:auto}.section{width:100%;padding:0 calc((100vw - 900px) / 2) 0;margin:100px auto 0;box-sizing:border-box}.section__content{margin:0 auto}.section__content__block{margin-top:130px}.section__content__block:nth-child(even) .section__content__block__title{left:unset;right:0;transform:translateY(-50%) translateX(45px)}.section__content__block__top{position:relative}.section__content__block__image{width:100%;opacity:0;transform:translateY(50px);transition:all 1s}.section__content__block__image.on{opacity:1;transform:translateY(0)}.section__content__block__image picture{width:100%}.section__content__block__image img{width:100%}.section__content__block__title{position:absolute;top:50%;left:0;transform:translateY(-50%) translateX(-45px);width:500px;z-index:10}.section__content__block__title.tranformActive .title-bg{position:absolute;top:0;left:0;width:0;height:100%;pointer-events:none;opacity:1}.section__content__block__title.tranformActive .title-content{opacity:0;transform:translateY(30px);position:relative;z-index:2}.section__content__block__title.tranformActive.on .title-bg{background-image:url("/img/recruit/job/job01/bg_title.png");background-size:cover;-webkit-animation:flash-fade-in3 0.5s .5s forwards;animation:flash-fade-in3 0.5s .5s forwards}.section__content__block__title.tranformActive.on .title-content{opacity:1;transform:translateY(0px);transition:1s 1s ease}.section__content__block__title .h2__title{display:flex;justify-content:center;align-items:center;flex-direction:column;height:120px}.section__content__block__title .h2__title h2{color:#000000;text-align:center;font-size:30px;font-family:"HiraKakuStd-W7","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:700}.section__content__block__title .h2__title img{margin-top:5px;height:7px;width:auto}.section__content__block__text{background-color:#f2ede9;padding:50px 37.5px}.section__content__block__text p{font-size:20px;line-height:2.09}.section__content__block__text p:nth-child(n+2){margin-top:20px}.section__content__block__text p.bg-white{background-color:#ffffff;padding:24px}.bottom{width:1000px;margin:170px auto 100px}.bottom__inner{position:relative;padding:138px 50px 50px 4.5px;background-color:#f2ede9}.bottom__title{position:absolute;width:500px;top:0;left:50%;transform:translateX(-50%) translateY(-50%)}.bottom__title.tranformActive .title-bg{position:absolute;top:0;left:0;width:0;height:100%;pointer-events:none;opacity:1}.bottom__title.tranformActive .title-content{opacity:0;transform:translateY(30px);position:relative;z-index:2}.bottom__title.tranformActive.on .title-bg{background-image:url("/img/recruit/job/job01/bg_bottom_title.png");background-size:cover;-webkit-animation:flash-fade-in3 0.5s .5s forwards;animation:flash-fade-in3 0.5s .5s forwards}.bottom__title.tranformActive.on .title-content{opacity:1;transform:translateY(0px);transition:1s 1s ease}.bottom__title .h2__title{display:flex;justify-content:center;align-items:center;flex-direction:column;height:140px}.bottom__title .h2__title h2{font-size:30px;text-align:center;color:#000000}.bottom__title .h2__title img{margin-top:5px;height:7px;width:auto}.bottom__content{width:100%}.bottom__content p{color:#000000}.bottom__content__block{display:flex;font-size:20px;color:#000000}.bottom__content__block:nth-child(n+2){margin-top:5px}.bottom__content__block:nth-child(n+2) .bottom__content__block__label::after{content:'';position:absolute;top:0;right:0;transform:translateY(-100%);width:218px;height:5px;background-color:#ffffff}.bottom__content__block__label{width:250px;position:relative;text-align:center;padding:10px 0;display:flex;justify-content:center;align-items:center}.bottom__content__block__text{flex:1;background-color:#ffffff;padding:10px 30px}@media screen and (max-width: 768px){.pc{display:none !important}.sp{display:block}.fv{background-image:url("/img/recruit/job/job01/bg_job_sp.jpg");height:53.33333vw}.fv__label{padding:3.55556vw 0 3.91111vw;top:50%;transform:translateY(-40%);left:0;width:52.44444vw}.fv__label img{width:4.48889vw}.fv__label h1{margin-top:.75556vw;font-size:4.71111vw}.fv__label img.text{margin-top:.88889vw;height:.88889vw}.section{width:100%;margin:13.33333vw auto 0;padding:0 3.55556vw 0}.section__content__block{margin-top:8.88889vw}.section__content__block:nth-child(even) .section__content__block__title{transform:translateY(-50%) translateX(0)}.section__content__block:nth-child(even) .section__content__block__image{text-align:left}.section__content__block__image{text-align:right}.section__content__block__image img{width:46.4vw}.section__content__block__title{margin-bottom:0;width:53.33333vw;transform:translateY(-50%) translateX(0)}.section__content__block__title .h2__title{height:10.66667vw}.section__content__block__title .h2__title h2{font-size:2.84444vw}.section__content__block__title .h2__title img{margin-top:.44444vw;height:.8vw}.section__content__block__text{margin-top:6.22222vw;background-color:unset;padding:0}.section__content__block__text p:nth-child(n+2){margin-top:1.77778vw}.section__content__block__text p.bg-white{background-color:#f2ede9;padding:1.77778vw}.section__content__block__text p{font-size:2.4vw;line-height:2.28}.bottom{width:100%;padding:0 3.55556vw;box-sizing:border-box;margin:18.75556vw auto 13.33333vw}.bottom__inner{padding:10.66667vw 3.33333vw 4.84444vw .4vw}.bottom__title{width:44.44444vw}.bottom__title .h2__title{height:12.44444vw}.bottom__title .h2__title h2{font-size:2.66667vw}.bottom__title .h2__title img{margin-top:.44444vw;height:.8vw}.bottom__content p{font-size:2.04444vw;line-height:3.82222vw}.bottom__content__block{font-size:2.4vw}.bottom__content__block:nth-child(n+2){margin-top:.44444vw}.bottom__content__block:nth-child(n+2) .bottom__content__block__label::after{width:19.37778vw;height:.44444vw}.bottom__content__block__label{width:22.22222vw;padding:.88889vw 0}.bottom__content__block__text{padding:.88889vw}}
