/*Content CSS*/
#c1_wrap { text-align: center; padding:60px 0; background-color: #eee; overflow: hidden; }
#c1_wrap h1 { font-size: 30px; line-height: 1; color: #212122; margin-bottom: 35px; font-family: 'S-CoreDream-7ExtraBold'; }

.c1_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.c1_list li { width:calc(50% - 5px); margin-right: 10px; height: 150px; }
.c1_list li:nth-child(2n) { margin-right: 0; }
.c1_list li:nth-child(n+3) { margin-top: 10px; }
.c1_list li a { position:relative; display: block; width:100%; height: 100%; background:#fff; position:relative; padding:20px 15px; line-height: 1; text-align: left; }
.c1_list li a::after { content:""; position:absolute; left:20px; bottom:20px; width:15px; height: 15px; background:url('../img/c1_arrow.png') no-repeat center / contain; opacity: 1; z-index: 2;}

.c1_list li h3 { font-size: 14px; color: rgba(0, 0, 0, 0.34); text-transform: uppercase; font-family: 'Karla', sans-serif; z-index: 2; position:relative; }
.c1_list li h2 { position:relative; margin-top: 13px; font-size: 20px; color: #000; font-family: 'S-CoreDream-5Medium'; z-index: 2; }
.c1_list li img { position:absolute; right:0; top:0;  z-index: 1; }
.c1_list li:nth-child(1) img { width: 80px; }
.c1_list li:nth-child(2) img { top:72px; width: 100px; }
.c1_list li:nth-child(3) img { top:80px; right:10px; width: 110px; }
/* .c1_list li:nth-child(3) img { width: 90px; } */
.c1_list li:nth-child(4) img { width: 90px; }
.c1_list li:nth-child(5) img { right:10px; width: 65px; }
.c1_list li:nth-child(6) img { top:70px; right:10px; width: 90px; }


/* hover */
/* .c1_list li:hover a { border-color:#000; } */
/* .c1_list li:hover a::after { opacity: 1; } */