#contents_5 {
    width: calc(100%);
    height: calc(calc(100% - 40px)%);
    z-index: 1;
grid-row:1 / 2;
grid-column: 1 / 4;;
}
@media (max-width: 1000px) {
    #contents_5 {
        width: 100px;
        height: 100px;
        z-index: 1;
    }
}

#contents_22 {
    z-index: 0;
grid-row:3 / 6;
grid-column: 3 / 4;
width:calc(100% - 2px);
height:calc(100% - 31px);;
}
@media (max-width: 1000px) {
    #contents_22 {
    }
}

#contents_24 {
    width: 100%;
    height: 60%;
    z-index: 0;
grid-row:3 / 5;
grid-column: 2 / 3;;
}
@media (max-width: 1000px) {
    #contents_24 {
        width: 100%px;
        height: 60%px;
    }
}

#contents_25 {
    z-index: 0;
grid-row:3 / 6;
grid-column: 2 / 3;
width:calc(100% - 2px);
height:calc(100% - 31px);;
}
@media (max-width: 1000px) {
    #contents_25 {
    }
}

#contents_26 {
    width: 100%;
    height: 100%;
    z-index: 0;
grid-row:3 / 6;
grid-column: 1 / 2;
width:calc(100% - 2px);
height:calc(100% - 31px);;
}
@media (max-width: 1000px) {
    #contents_26 {
        width: 100%px;
        height: 100%px;
    }
}

#contents_27 {
    width: 100%;
    z-index: 0;
    padding-top: 10px;
background-color:var(--base);
height:calc(20% - 10px);;
}
@media (max-width: 1000px) {
    #contents_27 {
        width: 100%px;
    }
}

#contents_28 {
    height: 5%;
    z-index: 0;
    margin-left: 5px;
    margin-right: 5px;
background-color:var(--base);
width:calc(100% - 10px);;
}
@media (max-width: 1000px) {
    #contents_28 {
        height: 5%px;
    }
}

#contents_29 {
    width: calc(36%);
    height: calc(10%);
    z-index: 2;
bottom:16px;
right:10px;;
}
@media (max-width: 1000px) {
    #contents_29 {
        width: 36px;
        height: 10px;
        z-index: 2;
    }
}

#contents_30 {
    width: 100%;
    height: 75%;
    z-index: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
background-color:var(--base);;
}
@media (max-width: 1000px) {
    #contents_30 {
        width: 100%px;
        height: 75%px;
    }
}

#contents_31 {
    width: 100%;
    height: 40%;
    z-index: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
background-color:var(--base);;
}
@media (max-width: 1000px) {
    #contents_31 {
        width: 100%px;
        height: 40%px;
    }
}

#contents_32 {
    width: calc(100%);
    height: calc(100%);
    z-index: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
background-color:var(--base);;
}
@media (max-width: 1000px) {
    #contents_32 {
        width: 100px;
        height: 100px;
    }
}

#contents_34 {
    width: calc(100%);
    height: calc(100%);
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_34 {
        width: 100px;
        height: 100px;
    }
}

#contents_35 {
    width: 200px;
    height: 200px;
    z-index: 1;
    top: 127.640625px;
    left: 438.34375px;
top:200px;
left:-40px;
rotate:-3deg;
filter:drop-shadow(3px 3px 0px rgba(20,20,20,.3));;
}
@media (max-width: 1000px) {
    #contents_35 {
        width: 200px;
        height: 200px;
        z-index: 1;
        top: 127.640625px;
        left: 438.34375px;
    }
}

#contents_36 {
    width: 200px;
    height: 200px;
    z-index: 3;
right:-40px;
top:-30px;
rotate:3deg;
filter:drop-shadow(3px 3px 0px rgba(20,20,20,.3));;
}
@media (max-width: 1000px) {
    #contents_36 {
        width: 200px;
        height: 200px;
        z-index: 3;
    }
}

#contents_37 {
    width: 200px;
    height: 200px;
    z-index: 1;
left:-40px;
bottom:-50px;;
}
@media (max-width: 1000px) {
    #contents_37 {
        width: 200px;
        height: 200px;
        z-index: 1;
    }
}