@charset "utf-8";


/* common */

ul.list1 li a { display: block; text-decoration: none; height: 100%; }
ul.list1 li a .title-c { color: initial; }
ul.list1 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; }
ul.list1 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); }

ul.list3 {}
ul.list3 li {}
ul.list3 li a { color: #5C2E7E; text-decoration: none; font-weight: bold; letter-spacing: 0.05em; display: block; border-bottom: 1px solid #5C2E7E; position: relative; }
ul.list3 li a::before { content: ''; position: absolute; top: 50%; right: 10px; border-top: 2px solid #5C2E7E; border-right: 2px solid #5C2E7E; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); }

@media (min-width: 768px) {
    #page-title { height: 280px; padding-top: 100px;}


    ul.list1 li a { padding: 40px 40px 84px; }
    ul.list1 li a .btn-e { position: absolute; bottom: 40px; left: 40px; }
    ul.list1 li a:hover .btn-e { background-color: #F0EAF5; color: #5C2E7E; }
    ul.list1 li a:hover .btn-e::after { border-color: #5C2E7E; }
    ul.list1 > li:nth-child(n+4) { margin-top: 40px; }

    .list-a li .blank { font-size: 1.8rem; }

    ul.list3 li { margin-bottom: 30px; }
    ul.list3 li a { font-size: 2.2rem; padding: 10px 25px 10px 20px; }
}

@media (max-width: 767px) {
    ul.list1 li a { padding: 20px; }

    ul.list3 li {}
    ul.list3 li a { font-size: 1.6rem; padding: 6px 10px; }
}


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

    [student]

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

@media (min-width: 768px) {
    #index-student #current-student ul.list2 > li:nth-child(n+4) { margin-top: 20px; }
}

@media (max-width: 767px) {
    #index-student ul.list1 li { width: 32%; font-size: 1.4rem; }
    #index-student ul.list1 li h3 { font-size: 1.6rem; }
    #index-student ul.list1 li a { padding: 10px; }
    #index-student ul.list1 li:not(:last-child) { margin-bottom: 0px; }
    #index-student ul.list1 li:nth-child(n+4) { margin-top: 10px; }

    #index-student ul.list2 li { width: 49%; }
    #index-student ul.list2 li:not(:last-child) { margin-bottom: 10px; }
    #index-student ul.list2 li.btn-a a { padding: 16px 20px 16px 10px; }
}


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



------------------------------------------------------*/
#graduate-certificate {}
#graduate-certificate ol { list-style-position: inside; text-indent: -1.2em; padding-left: 1.2em; }
#graduate-certificate ol > li::before { content: none; }
#graduate-certificate .list-a { text-indent: 0; padding-left: 0; }
#graduate-certificate .list-a li > ol { padding-left: 0; }
#graduate-certificate .table-b { width: 100%; }
#graduate-certificate .table-b th strong { color: #5C2E7E; }

@media (min-width: 768px) {
    #graduate-certificate ol { font-size: 1.8rem; }
    #graduate-certificate .table-b td .list-a li .pdf { font-size: 1.8rem; }
    #graduate-certificate .table-b td .list-a li .pdf ~ span { padding-left: 42px; }
}

@media (max-width: 767px) {
    #graduate-certificate ol { font-size: 1.6rem; }

    #graduate-certificate .table-b th, #graduate-certificate .table-b td { display: block; width: 100%; }
    #graduate-certificate .table-b td .text { padding-left: 0; padding-right: 0; }
}


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}