@charset "UTF-8";
#contentHeader {
	background : url("/wp/wp-content/themes/paginagrafico/recruitment/img/bg_main.jpg") 50% 50% no-repeat;
	background-size : cover;
}
#message {
	display : flex;
	position : relative;
	justify-content : flex-start;
	margin-bottom : 100px;
}
#message .img {
	overflow : hidden;
	width : 60vw;
	height : 680px;
	background-color : #cccccc;
}
#message .img img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#message .content {
	z-index : 0;
	position : absolute;
	top : 50%;
	right : -20vw;
	width : 50vw;
	padding : 60px;
	transform : translateX(-50%) translateY(-50%);
	color : #ffffff;
	background-color : #103e9a;
}
#message .content > p:not(:last-child) {
	margin-bottom : 1em;
}
#message .content .sign {
	font-family : "Kyoukasho ICA Medium";
	font-size : 1.2em;
	text-align : right;
}
#message h3 .en {
	color : #919190;
}

#pageBody > section#interview {
	margin-bottom : 0;
	padding : 100px;
	background-color : #f2f2f2;
}
#interview header .content {
	margin-bottom : 60px;
	text-align : center;
}
#interview ul {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr 1fr;
	grid-gap : 60px;
}
#interview ul > li {
	position : relative;
}
#interview ul > li .img {
	background-color : #cccccc;
}
#interview ul > li .img img {
	width : 100%;
}
#interview ul > li .content {
	font-size : 0.875em;
	padding : 16px;
	background-color : #ffffff;
}

#pageBody > section#application {
	margin-bottom : 0;
	padding-top : 160px;
	padding-bottom : 160px;
	background : url(/wp/wp-content/themes/paginagrafico/recruitment/img/bg_application.jpg) 0 0 no-repeat #f2f2f2;
	background-size : cover;
}
#application h2 {
	font-size : 1.6em;
	text-align : center;
	color : #ffffff;
}
#application h2 span {
	display : inline-block;
	font-family : "Nothing You Could Do", cursive;
	margin-bottom : 24px;
	transform : rotate(-15deg);
	transform-origin : center left;
	text-align : center;
}
#application .content {
	font-family : "Noto Serif JP", serif;
	font-size : 1.6em;
	margin-bottom : 60px;
	text-align : center;
	color : #a4a4a4;
}
#application .link {
	display : flex;
	justify-content : center;
}
#application .link .linkBtn {
	width : 12em;
}


/* --- 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) {
	#message {
		display : block;
		position : static;
		margin-bottom : 100px;
	}
	#message .img {
		width : 100%;
		height : auto;
	}
	#message .img img {
		width : 100%;
		height : 100%;
	}
	#message .content {
		position : static;
		width : 100%;
		padding : 30px;
		transform : translateX(0) translateY(0);
		color : #ffffff;
		background-color : #103e9a;
	}
	#interview ul {
		display : grid;
		grid-template-columns : 1fr 1fr;
		grid-gap : 20px;
	}
	#pageBody > section#interview {
		margin-bottom : 0;
		padding : 60px 0;
		background-color : #f2f2f2;
	}
}