@charset "UTF-8";
#contentHeader {
    margin-bottom: 0;
}

#breadcrumb {
    border-bottom: 0;
}
#examination {
	width : 100%;
	margin : 0 auto 100px;
	padding : 0;
}

#examination .container {
	padding-top : 6vw;
	background : url(/wp/wp-content/themes/paginagrafico/examination/img/bg_exnamination.jpg) 0 0 no-repeat;
	background-size : contain;
}

#examination .container > header {
	margin : 0 auto 100px;
	padding : 0 0 5vw;
	text-align : center;
}
#examination .container > header h2 {
  font-size: 1.875rem;
	text-align : center;
  line-height: 1.875;
  font-weight: 600;
  color : #FFFFFF;
}
#examination .container > header p {
	color : #FFFFFF;
}


#examination .ctslist {
	display : grid;
	grid-template-columns : 1fr 1fr;
	grid-gap : 60px;
	width : 100%;
	max-width : 1220px;
	margin : 0 auto;
	margin-top : -80px;
	margin-top : -80px;
	padding : 80px;
	background-color : #ffffff;
}
#examination .ctslist > li {
	position : relative;
	height : 580px;
	text-shadow: #000 1px 0 5px;
	background-color: #1c2d45;
}
#examination .ctslist > li .img {
	z-index : 0;
	position : absolute;
	top : 0;
	left : 0;
	width: 100%;
	height: 100%;
}
#examination .ctslist > li .img:hover {
    opacity: 0.5;
}
#examination .ctslist > li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#examination .ctslist > li .content {
	z-index : 1;
	position : absolute;
	bottom : 0;
	left : 0;
	padding : 24px;
}
#examination .ctslist > li .content h3 {
	color : #ffffff;
	font-size: 1.5em;
	font-weight: 600;
}
#examination .ctslist > li .content h4 {
	color : #ffffff;
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 10px;
}
#examination .ctslist > li .content p {
	color : #ffffff;
	font-size: 0.875em;
	margin: 0;
}

/* --- for 2K or more pc --- */
@media screen and (min-width: 1980px) {
}

/* --- for HD pc --- */
@media screen and (min-width: 1440px) and (max-width: 1979px) {
}

/* --- for normal pc --- */
@media screen and (min-width: 1024px) and (max-width: 1439px) {
}

/* --- for tablet --- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
}

/* --- for mobile --- */
@media screen and (max-width: 767px) {
	#examination {
	margin : 0 auto;
	}
	#examination .container {
		padding-right : 24px;
		padding-left : 24px;
		background : url(/wp/wp-content/themes/paginagrafico/examination/img/bg_exnamination_smp.jpg) 0 0 no-repeat;
		background-size: contain;
	}

	
	#examination .container > header {
	margin : 0 auto 24px;
	padding : 0 0 5vw;
	text-align : center;
	}

	
	#examination .container > header h2 {
	font-size: 1.5rem;
	}
	#examination .ctslist > li .content p {
	line-height: 1.6;
}

	
	
	
	#examination .ctslist {
		grid-template-columns : 1fr;
		grid-gap : 20px;
		margin-top : -5vw;
		padding : 20px;
	}
	#examination .ctslist > li {
		height : 500px;
	}
	#examination .ctslist > li .img {
		opacity: 0.6;
	}
}