#main{
    background-color: #000;
    margin-top: 100px;
    width: 100%;
}
.visual{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.v_0{
    width: 100%;
    height: 100vh;
}

.v_1{
    width: 100%;
    height: 100vh;
}

.v_2{
    width: 100%;
    height: 100vh;
}

.v_3{
    width: 100%;
    height: 100vh;
}

.v_4{
    width: 100%;
    height: 100vh;
}

.v_5{
    width: 100%;
    height: 100vh;
}

.v_6{
    width: 100%;
    height: 100vh;
}

.slide_box{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#main .slide_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_text{
    position: absolute;
    top: 30%;
    right: 16%;
    transform: translate(10%, 10%);
}
.main_text .text_big{
    font-family: 'Orbitron-Black', sans-serif;
    font-size: 80px;
    color: #ffd300;
    padding-right: 10px;
}
.main_text .text_small{
    font-family: 'Orbitron-Black', sans-serif;
    font-size: 75px;
    color: #fff;
    padding-right: 30px;
}
.main_text .text_small_y{
    font-family: 'Orbitron-Black', sans-serif;
    font-size: 75px;
    color: #ffd300;
    padding-right: 30px;
}
.main_text .text_thin{
    font-family: 'Orbitron-Regular', sans-serif;
    font-size: 30px;
    color: #fff; 
}
/*
.text_effect1, .text_effect2, .text_effect3{
    height: 100%;
    overflow: hidden;
    vertical-align: text-top;
}
.text_effect1 .slide_up{
    animation: slideup .5s ease;
    display: inline-block;
}
.text_effect2 .slide_up{
    animation: slideup 1s ease;
    display: inline-block;
}
.text_effect3 .slide_up{
    animation: slideup 1.5s ease;
    display: inline-block;
}
@keyframes slideup{
    0% {transform: translateY(100%);}
    100% {transform: translateY(0);}
}
    */
.yellow_box{
    width: 100%;
    padding: 137px 0;
    text-align: center;
    background: linear-gradient(99deg, #ffe400, #ffd300);
    background-size: 400% 400%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yellow_box:hover{
    animation: h_bg 4s alternate both infinite;
}
@keyframes h_bg{
    0% {background-position: 0% 0%;}
    100% {background-position: 100% 100%;} 
}
.yellow_box a{
    font-family: 'nulshock bd', sans-serif;
    font-size: 42px;
    color: #000;
}
.corner_left{
    width: 0;
    height: 0;
    border-top: 112px solid #000;
    border-left: 0px solid transparent;
    border-right: 108px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.corner_right{
    width: 0;
    height: 0;
    border-bottom: 112px solid #000;
    border-right: 0px solid transparent;
    border-left: 108px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* mobile */
@media screen and (max-width: 767px){
    #main{
        margin-top: 70px;
    }
    #main .slide_box img {
        height: 50%;
        width: unset
    }
    .main_text {
        top: 55%;
        right: 30%;
    }
    .main_text .text_big {
        font-size: 50px;
        padding-right: 5px;
    }
    .main_text .text_small {
        font-size: 45px;
        padding-right: 10px;
    }
    .main_text .text_thin{
        font-size: 20px;
    }
    .main_text .text_small_y{
        font-size: 45px;
        padding-right: 10px; 
    }
    .yellow_box {
        padding: 25px 0;
    }
    .corner_left {
        border-top: 35px solid #000;
        border-right: 40px solid transparent;
    }
    .yellow_box a{
        font-size: 15px;
    }
    .corner_right {
        border-bottom: 35px solid #000;
        border-left: 40px solid transparent;
    }

}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){
    #main .slide_box img {
        width: unset;
    }
    .main_text {
        top: 13%;
        right: 67%;
    }
    .main_text .text_big {
        font-size: 55px;
        padding-right: 10px;
    }
    .main_text .text_small {
        font-size: 50px;
        padding-right: 15px;
    }
    .main_text .text_thin{
        font-size: 25px;
    }
    .main_text .text_small_y{
        font-size: 50px;
        padding-right: 15px; 
    }
    .yellow_box {
        padding: 30px 0;
    }
    .corner_left {
        border-top: 40px solid #000;
        border-right: 45px solid transparent;
    }
    .yellow_box a{
        font-size: 20px;
    }
    .corner_right {
        border-bottom: 40px solid #000;
        border-left: 45px solid transparent;
    }
}