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

	page-title

------------------------------------------------------*/
#page-title { background: url(/placement/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}


@media (min-width: 768px) {
}

@media (max-width: 767px) {

}
@media (max-width: 480px) {
	#index #page-title { background: url(/placement/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }
}



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

	[index]

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


@media (min-width: 768px) {

}
@media screen and (min-width:768px) and ( max-width:1220px) {
	#index #main-visual .title { font-size: 6vw; }

    #index .attention .l_col-index-small section { width: 100%; }
}

@media (max-width: 767px) {

	#index .attention { padding-bottom: 30px; }

}

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

	就職担当
	[employment]

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

#placement-employment .table-b { width: 100%; }



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

	神職養成部
	[shinshoku]

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

#placement-shinshoku {  }
#placement-shinshoku ol li { margin-left: 20px; font-size: 1.6rem; }
#placement-shinshoku .table-b { width: 100%; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {
	#placement-shinshoku .table-b.sp-column th,#placement-shinshoku .table-b.sp-column td { display: block; width: 100%; }
	

}

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

	神職養成部 階位検定
	[kaiikentei]

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

#placement-kaiikentei .list-b  { margin-top: 0px; margin-bottom: 0px; }

#placement-kaiikentei dl dt { font-size: 1.6rem; }

#placement-kaiikentei dl dd { 
	font-size: 1.6rem;
 }

 #placement-kaiikentei .kaiikentei-news { padding: 20px; }
 #placement-kaiikentei .kaiikentei-news .catchStd { font-weight: bold; }

 #placement-kaiikentei .kaiikentei-news strong { font-weight: bold; }

@media (min-width: 768px) {
	#placement-kaiikentei .kaiikentei-news p { font-size: 1.8rem; }
	#placement-kaiikentei .kaiikentei-news .catchStd { font-size: 2.4rem;  }

}

@media (max-width: 767px) {
	#placement-kaiikentei .kaiikentei-news p  { font-size: 1.4rem; }
	#placement-kaiikentei .kaiikentei-news .catchStd { font-size: 1.8rem;  }

}


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

	就職実績
	[results]

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

#placement-results .table-b { width: 100%; }

#placement-results .l_col-results-pram { font-size: 1.6rem;  }

#placement-results .l_col-results-pram li { position: relative; padding-left: 20px; }
#placement-results .l_col-results-pram li:before { content: ''; width: 15px; height: 15px; position: absolute; top: 50%; left: 0%; transform: translateY(-50%);
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); display: block; }

#placement-results .l_col-results-pram li.col-1:before { background-color: #EBC7D4; }
#placement-results .l_col-results-pram li.col-2:before { background-color: #F3D8CB; }
#placement-results .l_col-results-pram li.col-3:before { background-color: #EACF7D; }
#placement-results .l_col-results-pram li.col-4:before { background-color: #E0B4EC; }
#placement-results .l_col-results-pram li.col-5:before { background-color: #CCDF8E; }
#placement-results .l_col-results-pram li.col-6:before { background-color: #A6CEE0; }


#placement-results #results-lnauguration .table-a { table-layout: auto; }
#placement-results #results-lnauguration .table-a tbody th { width: 25%;   }
#placement-results #results-lnauguration .table-a tbody td { text-align: left; } 
#placement-results #results-lnauguration .table-a.jinjya tbody td { text-align: center; }
#placement-results #results-lnauguration #results-houshoku { padding-top: 20px; margin-top:-50px; }

#placement-results #results-recommendation .table-a { table-layout: auto; }
#placement-results #results-recommendation .table-a tbody th { width: 25%; }


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}