#contents{position:relative;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.9);background-repeat:no-repeat;background-size:cover;background-position:center}#contents:before{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-color:rgba(0,0,0,.4)}@media(min-width: 700px){#contents{background-image:url(../img/top_dqx/bg_pc.png)}}@media(max-width: 700px){#contents{background-image:url(../img/top_dqx/bg_sp.png)}}#contents img{width:100%;height:auto}#contents>.inner{position:absolute;top:50%;left:0;width:100%;z-index:100;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}@media(max-width: 700px){#contents>.inner{position:relative;padding:15% 0;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}}#contents>.inner>.copy{width:30.6%;margin:0 auto 2.25%}@media(max-width: 700px){#contents>.inner>.copy{width:88.3555555556%;margin:0 auto 8.8888888889%}}#contents>.inner>ul{font-size:0;text-align:center}#contents>.inner>ul li{display:inline-block;width:22.75%;margin:0 2.25%}@media(max-width: 700px){#contents>.inner>ul li{display:block;width:62.7555555556%;margin:0 auto}}#contents>.inner>ul li a{text-decoration:none}#contents>.inner>ul li a .logo{width:87.6923076923%;margin:0 auto}@media(max-width: 700px){#contents>.inner>ul li a .logo{width:95.7507082153%}}#contents>.inner>ul li a *{-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-ms-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}@media(max-width: 700px){#contents>.inner>ul li.online{margin-bottom:12.4444444444%}}#contents>.inner>ul li.online a .logo{margin-bottom:3.5%}#contents>.inner>ul li.is--hover a .logo{opacity:.4}#contents>.inner>ul li.is--hover a .btn{opacity:.4}.loading{position:fixed;z-index:200010;top:0;width:100%;height:100%;background-color:#000}@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@-moz-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@-ms-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.loading .sk-fading-circle{position:absolute;top:0;right:0;bottom:0;left:0;width:50px;height:50px;margin:auto;opacity:1}.loading .sk-fading-circle .sk-circle{position:absolute;top:0;left:0;width:100%;height:100%}.loading .sk-fading-circle .sk-circle:before{display:block;width:12%;height:12%;margin:0 auto;content:"";border-radius:100%;background-color:#fff;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;-moz-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;-ms-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;-o-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.loading .sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}.loading .sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}.loading .sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.loading .sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}.loading .sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}.loading .sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.loading .sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}.loading .sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}.loading .sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.loading .sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}.loading .sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}.loading .sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;-moz-animation-delay:-1.1s;-ms-animation-delay:-1.1s;-o-animation-delay:-1.1s;animation-delay:-1.1s}.loading .sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s;animation-delay:-1s}.loading .sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;-moz-animation-delay:-0.9s;-ms-animation-delay:-0.9s;-o-animation-delay:-0.9s;animation-delay:-0.9s}.loading .sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-8s;-moz-animation-delay:-8s;-ms-animation-delay:-8s;-o-animation-delay:-8s;animation-delay:-8s}.loading .sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;-moz-animation-delay:-0.7s;-ms-animation-delay:-0.7s;-o-animation-delay:-0.7s;animation-delay:-0.7s}.loading .sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;-moz-animation-delay:-0.6s;-ms-animation-delay:-0.6s;-o-animation-delay:-0.6s;animation-delay:-0.6s}.loading .sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;-moz-animation-delay:-0.5s;-ms-animation-delay:-0.5s;-o-animation-delay:-0.5s;animation-delay:-0.5s}.loading .sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;-moz-animation-delay:-0.4s;-ms-animation-delay:-0.4s;-o-animation-delay:-0.4s;animation-delay:-0.4s}.loading .sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;-moz-animation-delay:-0.3s;-ms-animation-delay:-0.3s;-o-animation-delay:-0.3s;animation-delay:-0.3s}.loading .sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;-moz-animation-delay:-0.2s;-ms-animation-delay:-0.2s;-o-animation-delay:-0.2s;animation-delay:-0.2s}.loading .sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;-moz-animation-delay:-0.1s;-ms-animation-delay:-0.1s;-o-animation-delay:-0.1s;animation-delay:-0.1s}