@charset "UTF-8";

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

	common

------------------------------------------------------*/
#page-title { }

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

@media (min-width: 768px) { } 
@media (max-width: 767px) { 
    #page-title span { font-size: 2.8rem; } 
}




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

    index

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

#index.faculty .l_col-faculty-list a:hover { text-decoration: underline; }
#index.faculty .title-f { display: block; text-align: center;  }

#index.faculty .l_col-index .small { margin-bottom: 0px; }

#index.faculty .index-faculty-list { background: #fff; }
#index.faculty .index-faculty-list > section:not(:last-child) {  }
#index.faculty .index-faculty-list h4 { margin-bottom: 10px;  }
#index.faculty .index-faculty-list h4 a { color: #665EC0;  }

#index.faculty .index-faculty-list .l_col-faculty-list li {  }
#index.faculty .index-faculty-list .communication ul li { display: inline-block; margin-right: 0px; }
#index.faculty .index-faculty-list  ul li a { color: #393472; }

#index.faculty .l_col-index > div > .small { border: 0px solid #fff; }

/* #index.faculty #index-faculty-1 .title-e { border-left: 10px solid #5C2E7E; } */

#index.faculty #index-faculty-3 .l_col-index,#index.faculty #index-faculty-4 .l_col-index { -webkit-justify-content: center; justify-content: center; }
#index.faculty #index-faculty-3  .l_col-index > *,#index.faculty #index-faculty-4 .l_col-index > * { background: #B8D6F9;  }
#index.faculty #index-faculty-3  .l_col-index .contents_wrap {  }
#index.faculty #index-faculty-3  .l_col-index .title-e {  }

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




@media (min-width: 768px) {

    #index.faculty .contents { padding-top: 60px; } 
    #index.faculty .title-f {  margin: 0px auto 100px auto;  }
    #index.faculty #index-faculty-3 .title-f,#index.faculty #index-faculty-4 .title-f { margin-bottom: 30px; }

    #index.faculty .index-faculty-list { padding: 30px; background: #fff; }

    #index.faculty .index-faculty-list > section:not(:last-child) { margin-bottom: 25px; }
    #index.faculty .index-faculty-list > section:last-child { margin-bottom: 0px; }
    
    #index.faculty .l_col-index > div > .small .contents_wrap { padding: 32px 30px; }

    #index.faculty .index-faculty-list .l_col-faculty-list li { width: 50%; }
    #index.faculty .index-faculty-list .communication .l_col-faculty-list li:first-child { width: 100%; }


    #index.faculty #index-faculty-3  .l_col-index .contents_wrap,#index.faculty #index-faculty-4 .l_col-index .contents_wrap { padding: 30px; }
    #index.faculty #index-faculty-3 .l_col-index > *, #index.faculty #index-faculty-4 .l_col-index > * { max-width: 360px; width: calc( 33.33% - 20px ); }

    #index.faculty #index-faculty-3 .l_col-index > *:first-child { margin-right: 40px; }

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

}

@media (max-width: 767px) {

    #index.faculty .contents { padding-top: 40px; } 
    #index.faculty .container > section > section { margin-bottom: 50px; }

    #index.faculty .index-faculty-list > section { margin-bottom: 0px; }

    #index.faculty .title-f {  margin: 0px auto 50px auto; }
    #index.faculty .index-faculty-list { padding: 15px 15px; background: #fff; }

    #index.faculty .index-faculty-list .l_col-faculty-list li { width: 100%; }

    #index.faculty #index-faculty-3 .l_col-index .contents_wrap, #index.faculty #index-faculty-4 .l_col-index .contents_wrap { padding: 15px; }
    #index.faculty #index-faculty-3 .l_col-index > *,#index.faculty #index-faculty-4 .l_col-index > * { max-width: 100%; width: 100%; }
    #index.faculty #index-faculty-3 .l_col-index > *:not(:last-child),#index.faculty #index-faculty-4 .l_col-index > *:not(:last-child) { margin-bottom: 10px; }

    #index.faculty #index-faculty-3 .title-f,#index.faculty #index-faculty-4 .title-f { margin-bottom: 15px; }

    #index.faculty .index-faculty-list > section:not(:last-child) { margin-bottom: 20px; }

    #index.faculty #education .l_col-index { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }

    #index.faculty .bg-grad-left::before { top: -25px; }
    #index.faculty .bg-grad-right::after { top: -155px; }
}