@charset "UTF-8";

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

common

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

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


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

    index

------------------------------------------------------*/
#index.outline  .l_col-index > div > section {  }

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

#index.outline .l_col-index:nth-child( -n+2 ) .l_col-index-side {  }

#index.outline #index-outline-1 { margin-bottom: 0px; padding-bottom: 30px; }



@media (min-width: 768px) {
    #index.outline .l_col-index > div:nth-child( -n+4 ) { margin-bottom: 80px; }
    #index.outline .l_col-index > div > section { height: calc(100% - 20px); }
    #index.outline .bg-grad-left::before { top: -70px; }
    #index.outline .bg-grad-right::after { bottom: -70px; }

    /* #index.outline .l_col-index > div:nth-child( -n+2 ) .l_col-index-side { margin-bottom: 80px; } */
	
}

@media (max-width: 767px) {
    #index.outline .bg-grad-left::before { top: -30px; }
    #index.outline .bg-grad-right::after { bottom: -20px; }

}