@charset "UTF-8";

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

	common

------------------------------------------------------*/
#page-title { }
@media (min-width: 768px) { #page-title { background: url(/campusview/support/images/st_pagetitle.jpg) no-repeat center / cover; } }
@media (max-width: 767px) { #page-title { background: url(/campusview/support/images/st_pagetitle_sp.jpg) no-repeat center / cover; } }



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

    index

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

#index.support .bg-grad-left::before {  }
#index.support .bg-grad-right::after {  }

#index.support #index-support-2 .left .l_col-2 a { text-align: left; }

#index .bg-grad-left.grad-purple::before { background: linear-gradient(90deg, rgba(169,158,218,1) 0%, rgba(246,202,219,1) 100%);}
#index .bg-grad-right.grad-purple::after { background: linear-gradient(270deg, rgba(169,158,218,1) 0%, rgba(246,202,219,1) 100%);}

@media (min-width: 768px) {

    #index.support .bg-grad-left::before { top: -70px; }
    #index.support .bg-grad-right::after { top: -100px; }

    #index.support .l_col-2 > *:nth-child(n+3) { margin-top: 20px; }
    #index.support #index-support-2 .left .l_col-2 a { padding: 25px 20px; }
}

@media (max-width: 1000px) {
    #index.support #index-support-2 .left .l_col-2 { display: -webkit-flex; display: flex; -webkit-flex-direction: column;flex-direction: column; }
    #index.support .l_col-2 > *  { width: 100%; max-width: 100%; }
    #index.support .l_col-2 > div > a  { width: 100%; max-width: 100%; }

    #index.support .l_col-2 > *:nth-child(n+1) { margin-top: 10px; }

}

@media (max-width: 767px) {

    #index.support .bg-grad-left::before { top: -30px; }
    #index.support .bg-grad-right::after { bottom: -30px; }

    #index.support #index-support-2 .left { margin-bottom: 10px; }

}