@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Pathway+Gothic+One");.title-bar{background:#fff;color:#000;padding:0 8px}@media only screen and (max-width:40em){.title-bar{text-align:center}}.title-bar .title-bar-title{padding:0 0 0 80px;vertical-align:top}@media only screen and (max-width:40em){.title-bar .title-bar-title{margin-right:44px;padding:0}}.top-bar,.top-bar ul{background:#fff;padding:0}.menu .button,.menu .menu-text,.menu a{padding:0 1rem;height:72px;line-height:72px}@font-face{font-family:Yu Gothic;src:local("Yu Gothic Medium");font-weight:100}@font-face{font-family:Yu Gothic;src:local("Yu Gothic Medium");font-weight:200}@font-face{font-family:Yu Gothic;src:local("Yu Gothic Medium");font-weight:300}@font-face{font-family:Yu Gothic;src:local("Yu Gothic Medium");font-weight:400}body{margin:0;position:relative;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Yu Gothic,Original Yu Gothic,YuGothic,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,Verdana,Meiryo,M+\ 1p,sans-serif}a img{border:0}.banner-container{width:100%;text-align:center;margin-bottom:40px}.banner-container img{max-width:640px;box-shadow:0 4px 3px rgba(0,0,0,.1)}@media only screen and (max-width:40em){.banner-container img{width:100%}}.headroom{transition-duration:.3s}.headroom--pinned{transform:translateY(0)}.headroom--unpinned{transform:translateY(-100%)}#header{display:block;position:fixed;z-index:2;top:0;width:100%;height:72px;line-height:72px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}#header h1#masthead{margin:0;width:320px;height:72px;background-image:url(../images/studioq_logo.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain}@media only screen and (max-width:80em){#header h1#masthead{width:280px}}#header h1#masthead>a{display:inline-block;width:320px;height:72px;text-indent:120%;white-space:nowrap;overflow:hidden}@media only screen and (max-width:40em){#header h1#masthead,#header h1#masthead>a{width:210px;height:72px}}#header .menu{padding:0 64px}@media only screen and (max-width:80em){#header .menu{padding:0 32px;font-size:.875rem}}@media only screen and (max-width:40em){#header .menu{box-shadow:0 2px 4px rgba(0,0,0,.3);padding-bottom:.5rem}}#header .menu li{text-align:center;position:relative}#header .menu li>a{color:#000;line-height:70px;padding:0 1em}@media only screen and (max-width:40em){#header .menu li>a{height:40px;line-height:40px;margin:10px 0}}#header .menu li>a.disabled{pointer-events:none}#header .menu li>a:hover{color:#dc0019}#header .menu li ul{position:absolute;width:100%;top:72px;left:0;margin-left:0;box-shadow:0 2px 4px rgba(0,0,0,.3)}@media only screen and (max-width:40em){#header .menu li ul{position:relative;top:0}}#header .menu li ul li{display:none}@media only screen and (max-width:40em){#header .menu li ul li{display:block}}#header .menu li ul li>a{display:block;line-height:50px;height:50px}@media only screen and (max-width:40em){#header .menu li ul li>a{line-height:40px;height:40px}}#header .menu li:hover ul li{display:block}#footer{position:relative;min-height:180px;margin:0;padding:20px 40px;text-align:center;background:#333;color:#fff}@media only screen and (max-width:40em){#footer{padding:40px 40px 20px}}#footer .copyright{margin:0 .5em;display:inline-block;font-size:16px;font-family:Pathway Gothic One,sans-serif}@media only screen and (max-width:40em){#footer .copyright{margin:.5em 0}}#footer .privacy-policy{margin:0 .5em;display:inline-block;font-size:13px;font-family:Pathway Gothic One,sans-serif}#footer .privacy-policy>a{color:inherit}#footer .back2top{position:absolute;z-index:2;top:-40px;right:80px;width:80px;height:80px;color:#fff;border-radius:50%;background-color:#dc0019;text-align:center;line-height:80px}@media only screen and (max-width:40em){#footer .back2top{right:10px}}#footer .back2top>span{display:inline-block;position:absolute;width:20px;height:20px;margin-top:32px;margin-left:-10px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(135deg)}#footer ul{margin:0 0 32px}#footer ul li{display:inline-block;margin:0 20px;background-size:contain;background-repeat:no-repeat;background-position:0 50%}#footer ul li.footer-studioq{width:300px;height:60px;background-image:url(../images/ft_q.png)}@media only screen and (max-width:40em){#footer ul li.footer-studioq{width:240px;height:40px}}#footer ul li.footer-dwango{width:150px;height:60px;margin-bottom:20px;background-image:url(../images/ft_d.png)}@media only screen and (max-width:40em){#footer ul li.footer-dwango{width:100px;height:40px;margin-bottom:0}}#footer ul li.footer-khara{width:94px;height:60px;margin-bottom:20px;background-image:url(../images/ft_k.png)}@media only screen and (max-width:40em){#footer ul li.footer-khara{width:64px;height:40px;margin-bottom:0}}#footer ul li.footer-asojuku{width:155px;height:60px;margin-bottom:20px;background-image:url(../images/ft_a.png)}@media only screen and (max-width:40em){#footer ul li.footer-asojuku{width:104px;height:40px;margin-bottom:0}}#footer ul li>a{display:block;height:40px;text-indent:120%;white-space:nowrap;overflow:hidden}#footer ul.sns-icons li a{height:40px}#footer ul.sns-icons li a img{height:100%;display:block}@media only screen and (max-width:40em){#footer ul.sns-icons li{margin:8px 16px 0}#footer ul.sns-icons li a{height:32px}}@media only screen and (max-width:20em){#footer ul.sns-icons li{margin:16px 24px 0}#footer ul.sns-icons li a{height:32px}}#content{position:absolute;top:0;width:100%;padding-top:2px}section.panel{position:relative;z-index:1;diplay:block;box-sizing:border-box;width:100%;padding:40px 80px 160px;min-height:740px;overflow:hidden;background-repeat:no-repeat;background-position:0 0}@media only screen and (max-width:40em){section.panel{padding:24px 12px 64px}}section.panel h2{margin:0 0 40px;padding:0;font-size:28px}section.panel h3,section.panel h4{margin:0 0 8px;padding:0;font-size:21px}section.panel th{font-size:16px;font-weight:600}@media only screen and (max-width:40em){section.panel th{font-size:14px}}section.panel td{font-size:16px;font-weight:300}@media only screen and (max-width:40em){section.panel td{font-size:14px}}section.panel dd,section.panel li,section.panel p{font-size:14px;font-weight:300}section.panel dd,section.panel dt,section.panel p{margin:0;padding:0}section.panel dt{font-size:16px}section.panel.panel-leaderboard{padding-top:80px;background-color:#dc0019;background-image:url(../images/section00.jpg);background-size:cover;background-position:100% 100%}section.panel.panel-company-info{background-color:#f3f3f3}section.panel.panel-messages{background-color:#e0e0e0;background-image:url(../images/section02.jpg);background-position:0 0;background-size:cover}section.panel.panel-recruit{background-color:#e0e0e0;background-image:url(../images/section03.jpg);background-position:75% 0;background-size:cover}section.panel.panel-contact{background-color:#e0e0e0}section.panel p.section-copyright{position:absolute;bottom:10px;right:10px;font-size:11px;color:#333;text-align:right}.pindicater{position:fixed;left:2%;top:20%;bottom:20%;z-index:3}@media only screen and (max-width:40em){.pindicater{left:5px}}.pindicater ul{margin-left:0}.pindicater ul>li{display:block;width:1px;height:64px;margin-bottom:5px;background:#ccc;text-indent:100%;white-space:nowrap;overflow:hidden}.pindicater ul>li.active.last{background:red}.card{padding:0}.card.card-message{width:620px;padding:12px 32px;background-color:hsla(0,0%,100%,.2);border:0}@media only screen and (max-width:40em){.card.card-message{width:100%}}.card.card-message .title{font-size:13px;color:#dc0019;text-shadow:1px 1px 3px hsla(0,0%,100%,.3);margin-bottom:21px}.card.card-message .name{font-size:21px;text-shadow:1px 1px 3px hsla(0,0%,100%,.3);letter-spacing:.25em}.card.card-message .comment{font-size:14px;text-shadow:1px 1px 3px hsla(0,0%,100%,.3);line-height:1.5em;text-align:justify}.contact-form-container textarea{height:8em}#leaderboard{text-align:center;min-height:780px;padding-bottom:240px}#leaderboard>h1{margin:180px auto 0;padding:0;width:280px;height:280px;background-image:url(../images/leaderboard_logo.png);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden;text-indent:120%;white-space:nowrap}@media only screen and (max-width:420px){#leaderboard>h1{margin-top:150px}}@media only screen and (max-width:320px){#leaderboard>h1{margin-top:100px}}#leaderboard>span.down-arrow{position:absolute;left:50%;width:24px;height:24px;margin-left:-20px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);animation:a 2s infinite;box-sizing:border-box}#leaderboard .fb-widget{position:absolute;right:0;top:500px;width:250px;height:250px;background:hsla(0,0%,100%,.2);overflow:hidden;opacity:.95}#leaderboard .fb-widget:hover{opacity:1}@media only screen and (max-width:40em){#leaderboard .fb-widget{position:relative;top:200px;width:100%;height:280px;opacity:1}}#leaderboard .tw-widget{position:absolute;right:0;top:100px;width:250px;height:380px;overflow:hidden;background:hsla(0,0%,100%,.2);opacity:.95}#leaderboard .tw-widget:hover{opacity:1}@media only screen and (max-width:40em){#leaderboard .tw-widget{position:relative;top:180px;width:100%;height:320px}}#leaderboard .tw-widget iframe{margin-top:-5px!important}@keyframes a{0%{transform:rotate(-45deg) translate(0)}20%{transform:rotate(-45deg) translate(-10px,10px)}40%{transform:rotate(-45deg) translate(0)}}#company-info h2{width:300px;height:45px;background-image:url(../images/htitles.png);background-size:100%;background-repeat:no-repeat;background-position:0 0;text-indent:120%;white-space:nowrap;overflow:hidden}#company-info h2.en{background-image:url(../images/htitles_en.png)}#company-info .map{margin-top:40px}#company-info #company1{width:100%;height:320px}#company-info table tr{background:transparent!important}#company-info table td dl{display:block;margin-bottom:0}@media only screen and (max-width:320px){#company-info table td dl{margin-bottom:.25em}}#company-info table td dl dt{font-weight:400;font-size:16px;display:inline-block;width:7rem;text-align:right}@media only screen and (max-width:40em){#company-info table td dl dt{font-size:14px}}@media only screen and (max-width:320px){#company-info table td dl dt{font-size:14px;display:block;text-align:left}}#company-info table td dl dd{font-size:16px;display:inline-block;padding-left:1em}@media only screen and (max-width:40em){#company-info table td dl dd{font-size:14px}}@media only screen and (max-width:320px){#company-info table td dl dd{font-size:14px;display:block;text-align:left}}table{border:0;background:transparent}table tbody{border:0;background:hsla(0,0%,100%,.1)}table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.15)}table tbody th{text-align:right}table tbody td,table tbody th{vertical-align:top;padding:.25rem .725rem .3rem}table tbody td{text-align:left}#company-info th,#messages h2,#recruit th{white-space:nowrap}#messages h2{width:300px;height:45px;background-image:url(../images/htitles.png);background-size:100%;background-repeat:no-repeat;background-position:0 -45px;text-indent:120%;overflow:hidden}#messages h2.en{background-image:url(../images/htitles_en.png)}#recruit h2{width:300px;height:45px;background-image:url(../images/htitles.png);background-size:100%;background-repeat:no-repeat;background-position:0 -90px;text-indent:120%;white-space:nowrap;overflow:hidden}#recruit h2.en{background-image:url(../images/htitles_en.png)}#recruit h3{color:#dc0019}#recruit h3 span{color:#000}#recruit dd,#recruit dt,#recruit li,#recruit p,#recruit td,#recruit th{text-shadow:1px 1px 3px hsla(0,0%,100%,.3)}#recruit dt{color:#dc0019}#recruit a,#recruit dd,#recruit li,#recruit p,#recruit td{font-weight:400}#recruit p.note{margin-bottom:10px}#recruit .card.card-message{padding:12px 24px}#recruit span.active-recruit{background:hsla(0,0%,100%,.3);padding:.1em .25em}#recruit .apply{margin-bottom:1rem}@media only screen and (max-width:40em){#recruit .apply{margin-top:.5rem}}#recruit .apply h3{margin:.75rem 0 .25rem;font-size:16px;color:#0a0a0a;font-weight:700}#recruit .apply ul{margin-bottom:.5rem}#recruit table p{margin:0 0 .25em 1em;font-size:16px}@media only screen and (max-width:40em){#recruit table p{font-size:14px}}#contact h2{width:300px;height:45px;background-image:url(../images/htitles.png);background-size:100%;background-repeat:no-repeat;background-position:0 -135px;text-indent:120%;white-space:nowrap;overflow:hidden}#contact h2.en{background-image:url(../images/htitles_en.png)}#contact #contact_body{height:8em}#sp-btn-container{display:none;width:36px;margin-left:0}@media only screen and (max-width:40em){#sp-btn-container{display:inline-block}}#sp-menu-btn,#sp-menu-btn:after,#sp-menu-btn:before{width:24px;height:3px;border-radius:2px}#sp-menu-btn{display:inline-block;position:relative;top:-4px;margin:0;padding:0;background:#000}#sp-menu-btn:after,#sp-menu-btn:before{display:block;content:"";position:absolute;top:50%;left:0;background:#000}#sp-menu-btn:before{margin-top:-10px}#sp-menu-btn:after{margin-top:6px}#sp-menu-btn.close{margin:0;width:30px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transition:.1s ease-in-out;-webkit-transition:.1s ease-in-out}#sp-menu-btn.close:before{display:none}#sp-menu-btn.close:after{margin:-2px 0 0;width:30px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transition:.1s ease-in-out;-webkit-transition:.1s ease-in-out}section.en{letter-spacing:1px}section.en .card.card-message .name{letter-spacing:3px}section.en p,section.en td{font-weight:400}@media only screen and (max-width:40em){#company-info table.en th{white-space:normal;max-width:120px;line-height:18px}}
/*# sourceMappingURL=main.css.map */