@charset "utf-8";
#contentHeader {
	background : url("/wp/wp-content/themes/pgg_bogo/job_application/img/bg_main.jpg") 50% 50% no-repeat;
	background-size : cover;
}
#contentList a {
	display : grid;
	grid-template-columns : 1fr 20em;
	margin-bottom : 60px;
}
#contentList a .img {
	height : 24vw;
}
#contentList a .img img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#contentList a .content {
	display : flex;
	flex-direction : column;
	justify-content : center;
	padding : 40px;
	color : #ffffff;
	background-color : #103e9a;
}
#contentList a .content h2 {
	font-size : 1.6em;
}



#contentBody header {
	display : grid;
	grid-template-columns : 1fr 20em;
	margin-bottom : 60px;
}
#contentBody header .img {
	height : 24vw;
}
#contentBody header .img img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#contentBody header .content {
	display : flex;
	flex-direction : column;
	justify-content : center;
	padding : 40px;
	color : #ffffff;
	background-color : #103e9a;
}
#contentBody header .content h2 {
	font-size : 1.6em;
	margin-bottom : 0.5em;
}


#contentBody dl {
	margin-bottom : 55px;
}

#contentBody dl dt {
	display : flex;
	font-size : 1.4em;
	font-weight : bold;
	line-height : 1.45;
	align-items : center;
	margin-bottom : 1em;
	color : #103e9a;
}

#contentBody dl dt::before {
	display : inline-block;
	width : 1.3vw;
	height : 1px;
	margin-right : 10px;
	content : "";
	background-color : #103e9a;
}

#contentBody dl dd {
	line-height : 1.75;
	margin-bottom : 1em;
	padding : 1em;
	background-color : #f3f3f3;
}
#contentBody dl > dd:not(:last-child) {
	margin-bottom : 60px;
}

/* --- 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:1024px) {
}

/* --- for mobile --- */
@media screen and (max-width:767px) {
	#contentList a {
		grid-template-columns : 1fr;
	}
	#contentList a .img {
		height : unset;
	}
	#contentList a .img img {
		width : 100%;
		height : unset;
		object-fit : unset;
	}

	#contentBody header {
		grid-template-columns : 1fr;
	}
	#contentBody header .img {
		height : unset;
	}
	#contentBody header .img img {
		width : 100%;
		height : unset;
		object-fit : unset;
	}
	#contentBody dl > dd:not(:last-child) {
		margin-bottom : 30px;
	}
}