.main_content {display: flex;flex-direction: column;padding:2rem 1rem 0 2rem}
.main_content > div {display: flex;flex-direction: column;margin-bottom:4rem}
.main_content > div > div  {display: flex;flex-direction: row;    justify-content: space-between;align-items: center;}
.main_content > div > div  h2 {display: flex;font-size: 3rem;font-weight: 900;flex-direction: column;}
.main_content > div > div  h2 span {font-size: 1.5rem;margin-top: 1rem;}
.main_content > div > div  a {background: #fff;color: #333;padding: 0.5rem 1rem;font-size: 1.5rem;border-radius: 3rem;}

.main_content > div > ul  {display: flex;justify-content: space-between;align-items: center;margin-top: 2rem;flex-wrap: wrap;}
.main_content > div > ul  li {position:relative;background: rgba(255,255,255,.4);width: 48%;border-radius: 1rem;height: 15rem;margin-bottom:1rem;overflow: hidden;}
.main_content > div > ul  li a {position: absolute;width: 100%;font-size: 1.8em;display: block;z-index: 100;height: 100%; top: 0; left: 0;}
.main_content > div > ul  li a span { position: absolute;font-size: 2rem;text-align: center;display: block; left: 50%;bottom: 1rem;transform: translateX(-50%);width: 100%;top: 50%; font-weight: 900;}
.main_content > div > ul  li img {width:100%;filter: brightness(0.5);border-radius: 1rem;}
.main_content > div > ul  li:hover img {    transform: scale(1.5);filter: blur(1px);}
.main_content .title_wrap {    flex-direction: column;margin-bottom:3rem}
.main_content .contents_wrap li:nth-child(1) img{ animation: listfade 1s;}
.main_content .contents_wrap li:nth-child(2) img{animation: listfade 1.5s;}
.main_content .contents_wrap li:nth-child(3) img{animation: listfade 2s;}
.main_content .contents_wrap li:nth-child(4) img{animation: listfade 2.5s}
.main_content .contents_wrap li:nth-child(5) img{animation: listfade 3s}
.main_content .contents_wrap li:nth-child(6) img{animation: listfade 3.5s}
.main_content .contents_wrap li:nth-child(7) img{animation: listfade 4s}
.main_content .contents_wrap li:nth-child(8) img{animation: listfade 4.5s}
.main_content .contents_wrap li:nth-child(9) img{animation: listfade 5s}
.main_content .contents_wrap li:nth-child(10) img{animation: listfade 5.5s}
.main_content .contents_wrap li:nth-child(11) img{animation: listfade 6s}
.main_content .contents_wrap li:nth-child(12) img{animation: listfade 6.5s}
.main_content .contents_wrap li:nth-child(13) img{animation: listfade 7s}
.main_content .contents_wrap li:nth-child(14) img{animation: listfade 7.5s}
.main_content .contents_wrap li:nth-child(15) img{animation: listfade 8s}
.main_content .contents_wrap li:nth-child(16) img{animation: listfade 8.5s}
.main_content .contents_wrap li:nth-child(17) img{animation: listfade 9s}
.main_content .contents_wrap li:nth-child(18) img{animation: listfade 9.5s}
.main_content .contents_wrap li:nth-child(19) img{animation: listfade 10s}
.main_content .contents_wrap li:nth-child(20) img{animation: listfade 10.5s}

.main_content .title_wrap h2{margin-bottom: 1rem;}
.main_content .title_wrap span{    font-size: 1.5rem;}


@keyframes listfade {
    from {

        opacity: 0;
    }
    to {
        opacity: 1;
    }
}