#contents_1 {
    width: 522px;
    height: 881px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_1 {
        width: 522pxpx;
        height: 881pxpx;
    }
}

#contents_2 {
    width: 440px;
    height: 888px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_2 {
        width: 440pxpx;
        height: 888pxpx;
    }
}

#contents_3 {
    width: 796px;
    height: 18px;
    z-index: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 24px;
background:var(--main-color); color:white;;
}
@media (max-width: 1000px) {
    #contents_3 {
        width: 796pxpx;
        height: 18pxpx;
    }
}

#contents_4 {
    width: 518px;
    height: 185px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_4 {
        width: 518pxpx;
        height: 185pxpx;
    }
}

#contents_5 {
    width: 514px;
    height: 35px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_5 {
        width: 514pxpx;
        height: 35pxpx;
    }
}

#contents_6 {
    width: 516px;
    height: 113px;
    z-index: 0;
    border-left: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
    border-bottom: 1px solid var(--main-color);
}
@media (max-width: 1000px) {
    #contents_6 {
        width: 516pxpx;
        height: 113pxpx;
    }
}

#contents_7 {
    width: 518px;
    height: 271px;
    z-index: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-top: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
}
@media (max-width: 1000px) {
    #contents_7 {
        width: 518pxpx;
        height: 271pxpx;
    }
}

#contents_9 {
    width: 514px;
    height: 36px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_9 {
        width: 514pxpx;
        height: 36pxpx;
    }
}

#contents_10 {
    width: 514px;
    height: 216px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_10 {
        width: 514pxpx;
        height: 216pxpx;
    }
}

#contents_11 {
    width: 518px;
    height: 300px;
    z-index: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}
@media (max-width: 1000px) {
    #contents_11 {
        width: 518pxpx;
        height: 300pxpx;
    }
}

#contents_12 {
    width: 514px;
    height: 37px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_12 {
        width: 514pxpx;
        height: 37pxpx;
    }
}

#contents_13 {
    width: 514px;
    height: 221px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_13 {
        width: 514pxpx;
        height: 221pxpx;
    }
}

#contents_14 {
    width: 436px;
    height: 554px;
    z-index: 0;
    margin-bottom: 20px;
}
@media (max-width: 1000px) {
    #contents_14 {
        width: 436pxpx;
        height: 554pxpx;
    }
}

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

#contents_16 {
    width: 432px;
    height: 469px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_16 {
        width: 432pxpx;
        height: 469pxpx;
    }
}

#contents_17 {
    width: 436px;
    height: 299px;
    z-index: 0;
}
@media (max-width: 1000px) {
    #contents_17 {
        width: 436pxpx;
        height: 299pxpx;
    }
}

#contents_18 {
    width: 172px;
    height: 295px;
    z-index: 0;
    margin-right: 8px;
}
@media (max-width: 1000px) {
    #contents_18 {
        width: 172pxpx;
        height: 295pxpx;
    }
}

#contents_20 {
    width: 230px;
    height: 282px;
    z-index: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 4px double var(--main-color);
    border-right: 4px double var(--main-color);
    border-top: 4px double var(--main-color);
    border-bottom: 4px double var(--main-color);
}
@media (max-width: 1000px) {
    #contents_20 {
        width: 230pxpx;
        height: 282pxpx;
    }
}