@charset "utf-8";

/* -------------------------------------------------

	index

------------------------------------------------- */

#document-request .contents ul li a { display: block; text-decoration: none; height: 100%; }
#document-request .contents ul li a .title-c { color: initial; }
#document-request .contents ul li a .btn-e { position: relative; transition: all 0.4s; border: 1px solid #5C2E7E; background: #5C2E7E; color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 22px; width: 75px; height: 24px; padding-left: 10px; }
#document-request .contents ul li a .btn-e::after { content: ''; transition: all 0.4s; position: absolute; top: 50%; right: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 6px; height: 6px; transform: translateY(-50%) rotate(45deg); }

@media (min-width: 768px) {
    #document-request .contents ul li a { padding: 40px 40px 66px; }
    #document-request .contents ul li a .btn-e { position: absolute; bottom: 40px; left: 40px; }
    #document-request .contents ul li a:hover .btn-e { background-color: #F0EAF5; color: #5C2E7E; }
    #document-request .contents ul li a:hover .btn-e::after { border-color: #5C2E7E; }
    #document-request .contents ul > li:nth-child(n+4) { margin-top: 40px; }
}

@media (max-width: 767px) {
    #document-request .contents ul li a { padding: 20px; }

}