@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-image:url("/img/recruit/interview/bg_interview.jpg");background-size:cover;width:100%;height:600px;position:relative}.fv__label{background-size:cover;padding:33.5px 0 50.5px;width:50%;min-width:640px;position:absolute;top:215.5px;right:0;text-align:center}.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/interview/bg_grey.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:#ffffff;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:1000px;margin:100px auto}.section__inner{display:flex;justify-content:space-between;flex-wrap:wrap}.section__content{width:320px}.section__content:nth-child(n+4){margin-top:20px}.section__content__image{width:100%;height:320px;overflow:hidden;position:relative}.section__content__image canvas{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}.section__content__image__inner{height:320px}.section__content__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:0}.section__content__main{padding:31.5px 0;background-image:url("/img/recruit/interview/bg_person.png");background-size:cover;text-align:center}.section__content__main__title{color:#ffffff}.section__content__main__title__position{font-size:21px}.section__content__main__title img{display:block;margin:10px auto 0}.section__content__main__title__name{font-size:36px;font-family:"HiraKakuStd-W7","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:700}.section__content__main__title__name__en1{width:120px}.section__content__main__title__name__en2{width:100px}.section__content__main__title__name__en3{width:200px}.section__content__main__button{margin:15px auto 0;text-align:center}.section__content__main__button a{display:inline-block;width:250px;line-height:51.5px;text-align:center;color:#000000;font-size:21px;position:relative;background-color:#ffffff;border-radius:25.8px}.section__content__main__button a::after{content:'';background-image:url("/img/recruit/btn_arrow_black.png");background-size:cover;width:16.5px;height:23.5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}@media screen and (max-width: 768px){.pc{display:none !important}.sp{display:block}.fv{background-image:url("/img/recruit/interview/bg_interview_sp.jpg");height:53.33333vw}.fv__label{min-width:unset;top:19.15556vw;padding:2.97778vw 0 4.48889vw}.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 0 8.88889vw}.section__inner{padding:0 3.55556vw;display:block}.section__content{width:100%;display:flex}.section__content:nth-child(n+2){margin-top:7.11111vw}.section__content__image{width:50%;height:30.4vw}.section__content__image__inner{height:30.4vw}.section__content__main{width:50%;background-image:url("/img/recruit/interview/bg_person_sp.png");padding:5.33333vw 0 0}.section__content__main__title__position{font-size:2.4vw}.section__content__main__title img{margin-top:.88889vw auto 0}.section__content__main__title__name{font-size:2.84444vw}.section__content__main__title__name__en1{width:10.66667vw}.section__content__main__title__name__en2{width:8.88889vw}.section__content__main__title__name__en3{width:17.77778vw}.section__content__main__button{margin-top:2.66667vw}.section__content__main__button a{width:31.11111vw;line-height:6.44444vw;border-radius:3.20889vw;font-size:2.84444vw}.section__content__main__button a::after{width:2.04444vw;height:2.88889vw;right:2.22222vw}}
