@import url(/css/danka_common.css);

/* ==================================================
   common
================================================== */

.qube-wrap {overflow: hidden;}

/*fixed bar*/
.qube-wrap .fixed-bar {width: 100%;height: 27.777vw;position: fixed;bottom:53px;z-index: 5;}
.qube-wrap .fixed-bar.down {bottom: 0;}

.qube-wrap .fixed-bar p img {width: 100%;}

footer {padding-bottom:190px}
#btn-top {height: 25px;}
.sub-wrap {padding-bottom:25px;}



/* ==================================================
   visual
================================================== */
.visual-wrap {overflow:hidden;position: relative;height: 147.7vw;}
.visual-wrap .img-bg {position: absolute;top:0;left:0;width: 100%;}
.visual-wrap .img-bg img {width: 100%;}

.visual-wrap .v-txt {position:absolute;top: 0; left:0;z-index: 1;}
.visual-wrap .v-txt:nth-child(2){top: 16.6vw; left:50%;transform: translateX(-50%);width: 100%;box-sizing: border-box; padding: 0 13.19%;}
.visual-wrap .v-txt:nth-child(3){top: 36.1vw; left:50%;transform: translateX(-50%);width: 100%;box-sizing: border-box; padding: 0 16.52%;}
.visual-wrap .v-txt:nth-child(4){top: 59.7vw; left:66.66vw;width: 24%;}
.visual-wrap .v-txt img {width:100%;}

.cont-wrap p{display: flex;justify-content: center;}
.cont-wrap p img{width: 100%;}