@charset "utf-8";body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}html{height:100%}body{font-family:Helvetica,Arial,sans-serif;color:#333e5a;min-height:100%}header{background:#233659;color:#fff;text-align:center;flex-grow:0;margin-bottom:2em}h1{font-weight:300;padding:.4em 0}#root,.app{min-height:100vh}.app{display:flex;flex-direction:column}main{background:#fff;flex-grow:1}form{max-width:300px;margin:30px auto}h2{font-weight:300;text-align:center}form>div,h2{margin-bottom:1em}form>div{width:100%}form>div>label{display:block;margin-bottom:.3em}form>div>input{display:block;width:100%;font-size:16px;padding:.4em;border-radius:6px;border:1px solid #333e5a}.room{position:relative}.room-btn-logout{position:absolute;top:0;right:20px}.room>h3{font-weight:300;margin-bottom:1em}.btn-center,.room>h3{text-align:center}.local-participant{text-align:center;margin-bottom:2em}.remote-participants{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0 2em 2em}.participant{background:#333e5a;padding:10px;border-radius:6px;display:inline-block;margin-right:10px}.participant:last-child{margin-right:0}.participant h3{text-align:center;padding-bottom:.5em;color:#fff}video{width:100%;max-width:855px;display:block;margin:0 auto;border-radius:6px;z-index:1}footer,video{text-align:center}footer{background:#333e5a;flex-grow:0;padding:1em 0}footer,footer a{color:#fff}.function-button-box{display:flex;justify-content:center}.function-button{margin:10px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}p{margin-bottom:1rem}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}iframe{vertical-align:bottom}.cl_red{color:red}.cl_bl{color:#5ab9e2}body{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;font-size:14px;line-height:1.6;color:#eee;background:#222}*{box-sizing:border-box}a{color:#5ab9e2;text-decoration:none}img{width:100%}.pc{display:none}.sp{display:block}.mb20{margin-bottom:20px}.mb40{margin-bottom:40px}.ml10{margin-left:10px}@media screen and (min-width:768px){body{font-size:16px}a[href^="tel:"]{pointer-events:none}.pc{display:block}.sp{display:none}p{font-size:16px}.ml10{margin-left:20px}}.head_area{background:#fff;margin:0;padding:10px;text-align:left;width:260px;border-radius:0 8px 8px 0}.contents{width:100%;margin:0 auto;padding:0}.h_logo{width:240px;margin:0}.main{margin:0;width:100%}.room_name{margin:10px 0 20px;color:#fff;height:40px;width:90%;font-weight:700;font-size:16px;display:flex;flex-wrap:wrap;align-items:center}.room_name span{padding:6px .6rem;border:1px solid #fff;border-radius:0 8px 0 0;background:hsla(0,0%,100%,.2)}.room_name .i_status{margin-left:15px;background:#f87a54;padding:2px 6px;font-size:12px;border-radius:4px}.empty_room_name{margin:10px 0 20px;height:40px;color:#fff;font-weight:700;font-size:16px;display:flex;flex-wrap:wrap;align-items:center}.room_name time{padding:6px .6rem;font-weight:lighter;font-size:14px}.room_name time:before{display:inline-block;content:"";border-radius:50%;background:#e50000;width:8px;height:8px;margin-right:6px;border:2px solid #fff}.video_wrapper.mv_error{background:rgba(0,0,0,.8);width:92%;height:210px;margin:0 auto;position:relative;padding-top:56.25%}.video_wrapper .icon_mute{width:30px;right:5px;bottom:5px}.error_p{color:#dedede;text-align:center;top:14vh;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}a button,button,input[type=button],input[type=reset],input[type=submit]{font-size:1rem;display:inline-block;padding:0;text-align:center;text-decoration:none;white-space:nowrap;background:#e50000;border:2px solid #e50000;color:#fff;border-radius:8px;box-sizing:border-box;cursor:pointer}a button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5;background:grey;color:#fff}.button_bg_gr{border:1px solid grey;padding:8px 20px;font-size:1rem;border-radius:8px;letter-spacing:.2rem}.button_bg_gr,button.button_bg_gr:enabled:hover,button.button_bg_gr:focus{background:#fff;color:grey}.button_bg_blue{background:#4169e1;border:1px solid #4169e1;color:#fff}button.button_bg_blue:enabled:hover,button.button_bg_blue:focus{background:rgba(65,105,225,.7);color:#fff}.button_bg_red{background:#e50000;border:1px solid #e50000;color:#fff;padding:8px 20px;font-size:1rem;border-radius:8px;letter-spacing:.2rem}button.button_bg_red:enabled:hover,button.button_bg_red:focus{background:rgba(230,0,0,.7);color:#fff}.row_btn{width:210px;display:flex}.record_row_btn,.row_btn{justify-content:space-between}.record_row_btn{text-align:center}.remote_muted_mic{bottom:10px;right:10px}.local_muted_mic,.remote_muted_mic{position:absolute;color:#e50000;z-index:100}.local_muted_mic{bottom:5px;right:5px}p.error{padding:10px 1.2rem;color:#fff;margin:0 4% 10px;z-index:100;position:absolute;top:40%;text-align:center;left:8%;right:8%}.box_operation{margin:0 auto;text-align:center;width:270px;padding:20px 0 0}.box_operation .config{margin:0 auto 20px;width:180px;display:flex;padding:0;-webkit-filter:drop-shadow(2px 2px 6px rgba(0,0,0,.8));filter:drop-shadow(2px 2px 6px rgba(0,0,0,.8))}.box_operation .config img{width:36px;margin-right:10px}.box_operation .config .box_bar{border:2px solid #fff;width:100%;height:18px;margin-top:2px;text-align:initial}.box_operation .config .box_bar #volume{height:12px;background:#3b768a;transition:width .1s;margin-top:2px}.operation{width:100%;margin:0 auto;padding:8px 0}.operation ul{display:flex;justify-content:space-between;width:100%;margin:0 auto}.operation ul.row_three{width:180px}.operation li:last-child{margin-right:0}.operation li div{overflow:hidden;width:48px;padding:52px 0 0;margin:0;white-space:normal;font-size:14px;text-indent:0;text-align:center;color:#fff;display:block;height:72px}li div:hover{opacity:.8}li.blur div{background:url(https://jsk-video.job-gear-ats.com/static/media/blur_on.976dd8cd.svg) 0 0 no-repeat;background-size:48px 48px}li.camera div{background:url(https://jsk-video.job-gear-ats.com/static/media/camera_on.93049e0c.svg) 0 0 no-repeat;background-size:48px 48px}li.mic div{background:url(https://jsk-video.job-gear-ats.com/static/media/mic_on.b7f86938.svg) 0 0 no-repeat;background-size:48px 48px}li.join div{background:url(https://jsk-video.job-gear-ats.com/static/media/join.952cb830.svg) 0 0 no-repeat;background-size:48px 48px}.fixed_footer{display:none}.room_video{margin:0 auto;text-align:center;width:70%;position:relative}.video_wrapper{width:100%;height:65vh;position:relative;overflow:hidden;background:rgba(0,0,0,.8);border-radius:8px}.video_wrapper>video{height:100%;min-width:100%;position:absolute}.interview_room_main_video{position:relative;width:100vw;height:65vh;overflow:hidden}.interview_room_main_video>video{position:absolute;top:50%;left:50%;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);min-width:100%;min-height:100%;object-fit:contain!important}@media (aspect-ratio:16/9),(min-aspect-ratio:16/9){video{width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-aspect-ratio:16/9){video{height:100%;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (min-width:768px){.room_video{margin:0 auto 20px;text-align:center;width:90%;height:auto;border-radius:8px}.video_wrapper{height:44vh}.room_name{width:calc(100% - 290px)}}@media (orientation:landscape){.room_name{font-size:16px}.main{display:inline-flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;padding:0 20px}.room_video{width:calc(100% - 290px)}.room_name{width:80%;margin:10px auto 20px}.video_wrapper{height:53vh}.box_operation{width:270px;margin:0 auto}}@media (orientation:landscape) and (max-width:896px){.contents{position:relative;padding-top:40px}.room_name{position:absolute;top:40px;left:calc(100% - 290px);width:270px}.room_video{margin:0 auto;text-align:center;width:80%;background:rgba(0,0,0,.8);border-radius:8px}.main{display:inline-flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}.room_video{margin-right:20px}.room_name,.room_video{width:calc(100% - 290px)}.room_name{margin:0 auto}.video_wrapper{height:68vh;margin:0 auto}.box_operation{width:270px;margin:0 auto}.operation{padding:0}}@media screen and (max-width:360px){.operation li div{text-indent:100%;white-space:nowrap;height:40px}.video_wrapper{height:63vh}li.camera div,li.join div,li.mic div{background-size:40px 40px}}@media screen and (min-width:1081px){.contents{max-width:1280px;overflow:hidden}.operation{display:none}.box_operation{width:180px;margin:0 auto;text-align:center;width:260px;padding:20px 0 0}.error{text-align:center;left:8%;right:8%}.room_video{width:calc(100% - 200px)}.fixed_footer{display:block;background:rgba(0,0,0,.6);position:fixed;width:100%;bottom:0;z-index:20}.fixed_footer ul{display:flex;flex-wrap:wrap;justify-content:space-around;width:200px;margin:10px auto}.fixed_footer li div{overflow:hidden;width:48px;padding:52px 0 0;margin:0;white-space:normal;font-size:14px;text-indent:0;text-align:center;color:#fff;display:block;height:72px}.video_wrapper{height:70vh}}.room_person{position:absolute;margin:0 auto;width:112px;left:-20px;bottom:10px;border:2px solid #fff;border-radius:4px;background:rgba(0,0,0,.8);z-index:10}.room_person_video_wrapper{position:relative;overflow:hidden;width:100%;height:100px}.room_person_video_wrapper>video{min-width:100%;position:absolute}@media (aspect-ratio:16/9),(min-aspect-ratio:16/9){.room_person_video_wrapper>video{width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-aspect-ratio:16/9){.room_person_video_wrapper>video{height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.room_menu ul{width:270px}li.termination div{background:url(https://jsk-video.job-gear-ats.com/static/media/termination_on.09c6e5b8.svg) 0 0 no-repeat;background-size:48px 48px}li.view div{background:url(https://jsk-video.job-gear-ats.com/static/media/view_on.8731a669.svg) 0 0 no-repeat;background-size:48px 48px}li.recording div{background:url(https://jsk-video.job-gear-ats.com/static/media/rec_on.6267f4ab.svg) 0 0 no-repeat;background-size:48px 48px}li.blur.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/blur_off.652ccf19.svg) 0 0 no-repeat;background-size:48px 48px}li.camera.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/camera_off.70091dbb.svg) 0 0 no-repeat;background-size:48px 48px}li.mic.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/mic_off.ac1c3065.svg) 0 0 no-repeat;background-size:48px 48px}li.termination.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/termination_off.1712bf61.svg) 0 0 no-repeat;background-size:48px 48px}li.join.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/join_off.d010a19e.svg) 0 0 no-repeat;background-size:48px 48px}li.view.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/view_off.4c8c5071.svg) 0 0 no-repeat;background-size:48px 48px}li.recording.ef_off div{background:url(https://jsk-video.job-gear-ats.com/static/media/rec_off.5b972740.svg) 0 0 no-repeat;background-size:48px 48px}@media screen and (min-width:768px){.room_person{left:-20px;bottom:-20px;width:220px}.room_person_video_wrapper{height:165px}}@media (orientation:landscape){.room_person{left:-10px;bottom:-20px;width:220px}.room_person_video_wrapper{height:165px}}@media screen and (min-width:1081px){.main.for_pc{display:block;margin:0 auto}.fixed_footer ul.ft_room{width:280px}.main.for_pc .room_video{width:90%;margin:0 auto 20px}.room_person{left:-20px;bottom:-20px;width:240px}.room_person_video_wrapper{height:185px}.room_name{font-size:16px;margin:10px auto 20px}}@media (orientation:landscape) and (max-width:896px){.room_person{left:-10px;width:200px}.room_person_video_wrapper{height:112px}}@media screen and (max-width:360px){.operation li div{text-indent:100%;white-space:nowrap;height:40px}.video_wrapper{height:63vh}li.camera.ef_off div,li.join.ef_off div,li.mic.ef_off div,li.recording_off div,li.recording div,li.termination.ef_off div,li.termination div,li.view.ef_off a,li.view div{background-size:40px 40px}}@media (orientation:landscape) and (max-width:568px){body{background:#aba734}.room_name{top:40px;left:calc(100% - 220px);font-size:14px}li.camera.ef_off div,li.camera div,li.join div,li.mic.ef_off div,li.mic div,li.termination.ef_off div,li.termination div,li.view.ef_off div,li.view div{background-size:40px 40px}.operation li div{text-indent:100%;white-space:nowrap;height:40px}.box_operation{width:200px}.room_video{width:calc(100% - 230px);margin-left:10px}.video_wrapper{height:63vh}.box_operation .config{width:170px}.room_person{bottom:-60px}}.modal-wrapper{z-index:10000;position:fixed;top:0;right:0;bottom:0;left:0;padding:20px 10px;text-align:center}.modal-wrapper:not(:target){opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-wrapper:target{opacity:1;visibility:visible;transition:opacity .4s,visibility .4s}.modal-wrapper:after{display:inline-block;height:100%;margin-left:-.5em;vertical-align:middle;content:""}.modal-wrapper .modal-window{box-sizing:border-box;display:inline-block;z-index:10002;position:relative;width:260px;max-width:800px;padding:20px 10px;border-radius:4px;background:#fff;box-shadow:0 0 30px rgba(0,0,0,.6);vertical-align:middle}.MuiBox-root.wide{width:330px}.MuiBox-root .modal-content{max-height:70vh;overflow-y:auto;padding:0 15px;font-size:14px}.modal-overlay{z-index:10001;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6)}.MuiBox-root .modal-content p{font-size:14px;color:#080000}.MuiBox-root .modal-content p.txt-s{font-size:80%}.MuiBox-root .modal-content .box_left{margin:0 -8px}.MuiBox-root .modal-content .box_left p{font-size:14px;color:#080000;text-align:left}.row_btn.right{text-align:right}.MuiBox-root .modal-content p.mb30{margin-bottom:30px}.warning_area{margin:0 auto;text-align:center}.pt20{padding-top:20vh}.warning_area p{line-height:3}.config2{position:absolute;right:10px;bottom:5px}.config2 img{width:30px}.notice{width:100%;color:#fff;padding:10px 0;text-align:center;z-index:100}