@charset "UTF-8";
#contentHeader {
	background : url("/wp/wp-content/themes/pgg_bogo/examination/img/bg_main.jpg") 50% 50% no-repeat;
	background-size : cover;
}
#examination > header {
	width : 100%;
	max-width : 1220px;
	margin : 0 auto 100px;
	padding : 0 32px;
	text-align : center;
}
#examination > header h2 {
	margin-bottom : 1em;
	color : #103e9a;
}
#examination > header .copy {
	font-size : 1.4em;
	margin-bottom : 1em;
}
#examination > header .text {
	display : flex;
	justify-content : center;
	text-align : left;
}
#examination > header .text p {
	padding-left : 60px;
}
#examination .container {
	padding-top : 24vw;
	background : url(/wp/wp-content/themes/pgg_bogo/examination/img/bg_exnamination.jpg) 0 0 no-repeat;
	background-size : contain;
}
#examination .ctslist {
	display : grid;
	grid-template-columns : 1fr 1fr;
	grid-gap : 60px;
	width : 100%;
	max-width : 1220px;
	margin : 0 auto;
	margin-top : -80px;
	padding : 80px;
	background-color : #ffffff;
}
#examination .ctslist > li {
	position : relative;
	text-shadow : #000000 1px 0 10px;
}
#examination .ctslist > li .img {
	background-color : #cccccc;
}
#examination .ctslist > li .img img {
	width : 100%;
}
#examination .ctslist > li .content {
	z-index : 1;
	position : absolute;
	bottom : 0;
	left : 0;
	padding : 24px;
	color : #ffffff;
}
#examination .ctslist > li .content h3 .en {
	color : #103e9a;
}
#examination .ctslist > li .content .text {
	min-height : 5em;
}

/* --- 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 .container {
		padding-right : 24px;
		padding-left : 24px;
	}
	#examination .ctslist {
		grid-template-columns : 1fr;
		grid-gap : 20px;
		margin-top : -5vw;
		padding : 20px;
	}
	#examination .ctslist > li .content .text {
		min-height : unset;
	}
}