@charset "UTF-8";
/*
##############################################
###################triangle###################
##############################################
*/
/*--------triangle:0-0--------*/
.triangle_type_0-0 {
    position: relative;
    display: block;
    width: 50%;
    height: 50%;
    clip-path: polygon(50% 0%, 130% 100%, -30% 100%);
    top: 25%;
    left: 25%;
}.triangle_type_0-0::before {
    content: "";
    position: absolute;
    display: block;
    top: 70%;
    left: 50%;
    width: 110%;
    height: 110%;
    clip-path: polygon(50% 0%, 130% 100%, -30% 100%);
    transform: translate(-50%, -50%);
    background-color: black;
}

.triangle_type_0-0{
    background: #ffffff;
}

/*--------triangle:0-1--------*/
.triangle_type_0-1 {
    position: relative;
    display: block;
    width: 50%;
    height: 50%;
    clip-path: polygon(50% 0%, 130% 100%, -30% 100%);
    top: 25%;
    left: 25%;
}.triangle_type_0-1::before {
    content: "";
    position: absolute;
    display: block;
    top: 70%;
    left: 50%;
    width: 110%;
    height: 110%;
    clip-path: polygon(50% 0%, 130% 100%, -30% 100%);
    transform: translate(-50%, -50%);
    background-color: black;
}

.triangle_type_0-1{
    background: #ffffff;
}