/* sub_visual */
.sub_visual_wrap{height:121.7333vw}
.sub_visual_gra{z-index: 98;top: 0;left: 0;width: 100%}
.sub_visual_video_wrap{display: flex;top: -78.1333vw;width: 200vw;height: 200vw;margin-left: -100vw;justify-content: center;align-items: center;}
.sub_visual_bg{animation: subcir 30s infinite linear;}
.sub_visual_video_neon{background-image: url('../img/sub/sub_visual_video_neon.png');}
.sub_visual_video{z-index: 1;width: 116vw;height: 116vw;border-radius: 50%;box-sizing: border-box;border: 0.2666vw solid #8c31dd;background-color: #000;}
.subtitle_wrap{height: 80vw}
.subtitle{z-index: 1;top: 50%;transform: translateY(-50%);}
.sub_visual_prev, .sub_visual_next{z-index: 1;display: block;position: absolute;top: 31.8666vw;width: 17.3333vw;height: 10.6666vw;background: no-repeat center / cover}
.sub_visual_prev{left: 0}
.sub_visual_next{right: 0}
@keyframes subcir{
    from{transform: rotate(0);}
    to{transform: rotate(360deg);}
}

.sub_visual01 .sub_visual_bg{background-image: url('../img/sub/sub_visual01_bg.png');}
.sub_visual01 .sub_visual_video{background-image: url('../img/sub/sub_visual01_video.jpg'); opacity: 0.5;}
.sub_visual01 .sub_visual_next{background-image: url('../img/sub/sub_visual01_next.png');}
.sub_visual01 .subtitle{height: 46.2666vw}

.sub_visual02 .sub_visual_bg{background-image: url('../img/sub/sub_visual02_bg.png');}
.sub_visual02 .sub_visual_video{background-image: url('../img/sub/sub_visual02_video.jpg');}
.sub_visual02 .sub_visual_prev{background-image: url('../img/sub/sub_visual02_prev.png');}
.sub_visual02 .sub_visual_next{background-image: url('../img/sub/sub_visual02_next.png');}
.sub_visual02 .subtitle{height: 28.2666vw}

.sub_visual03 .sub_visual_bg{background-image: url('../img/sub/sub_visual03_bg.png');}
.sub_visual03 .sub_visual_video{background-image: url('../img/sub/sub_visual03_video.jpg'); opacity: 0.5;}
.sub_visual03 .sub_visual_prev{background-image: url('../img/sub/sub_visual03_prev.png');}
.sub_visual03 .sub_visual_next{background-image: url('../img/sub/sub_visual03_next.png');}
.sub_visual03 .subtitle{height: 31.0666vw}

.sub_visual04 .sub_visual_bg{background-image: url('../img/sub/sub_visual04_bg.png');}
.sub_visual04 .sub_visual_video{background-image: url('../img/sub/sub_visual04_video.jpg'); opacity: 0.5;}
.sub_visual04 .sub_visual_prev{background-image: url('../img/sub/sub_visual04_prev.png');}
.sub_visual04 .sub_visual_next{background-image: url('../img/sub/sub_visual04_next.png');}
.sub_visual04 .subtitle{height: 30.8vw}

.sub_visual05 .sub_visual_bg{background-image: url('../img/sub/sub_visual05_bg.png');}
.sub_visual05 .sub_visual_video{background-image: url('../img/sub/sub_visual05_video.jpg');}
.sub_visual05 .sub_visual_prev{background-image: url('../img/sub/sub_visual05_prev.png');}
.sub_visual05 .sub_visual_next{background-image: url('../img/sub/sub_visual05_next.png');}
.sub_visual05 .subtitle{height: 31.0666vw}
/* sub_content */