@charset "UTF-8";

/* ============================================================
common
============================================================ */

main.message {
	position: relative;
}

main.message .mv,
main.message .text {
	position: relative;
	z-index: 1;
}


@media screen and (min-width: 1024px) {
	main.message .SP {
		display: none !important;
	}
}
@media screen and (max-width: 1023.98px) {
	main.message .PC {
		display: none !important;
	}
}

/* .mv
-------------------------------------------------------------*/

main.message .mv h1 {
	margin-bottom: 30px;
	padding: 56px 0 0 0;
	line-height: 1;
	color: #1d1d1d;
	font-weight: 400;
	font-size: 30px;
}
main.message .mv h1 strong {
	display: block;
	margin-bottom: 25px;
	font-family: Poppins;
	font-weight: 700;
	font-size: 100px;
	color: #c0cddb;
}

/* .text
-------------------------------------------------------------*/

main.message .text p {
	font-family: 'Noto Serif JP', serif;
}


/* ============================================================
PC
============================================================ */

@media screen and (min-width: 1024px) {


/* entire
-------------------------------------------------------------*/

	main.message {
		margin-top: 0 !important;
		padding-top: 80px !important;
		background: #f4f6f8 url(/recruit/message/img/mv_bg.svg) no-repeat center top -916px;
		background-size: 4356px 2806px;
		border-bottom: solid 1px #fff;
	}

	main.message::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(/recruit/message/img/dl_bg.svg) no-repeat center top 1254px;
	background-size: 4356px;
	}

	main.message .mv_inner {
		width: 1366px;
		max-width: calc(100% - 160px);
		margin: 0 auto;
	}
	
/* .mv
-------------------------------------------------------------*/

	main.message .mv p {
		margin-bottom: 35px;
	}
	main.message .mv p img {
		position: relative;
		left: 100px;
		display: block;
		width: 1037px;
	}
	
/* .text
-------------------------------------------------------------*/

	main.message .text {
		width: 860px;
		max-width: calc(100% - 160px);
		margin: 0 auto;
	}

	main.message .text h2 img {
		display: block;
		width: 768px;
		margin: 0 auto 90px;
	}
	main.message .text p {
		margin: 0 0 120px;
		font-size: 20px;
		line-height: 2;
		color: #000;
	}
	main.message .text dl {
		margin: -20px 0 190px;
		text-align: right;
		line-height: 1;
	}
	main.message .text dl dt {
		margin: 0 0 14px;
		font-size: 17px;
		color: #404040;
	}
	main.message .text dl dd {
		font-size: 28px;
		color: #000;
	}


}

/* ============================================================
intermediate_1
============================================================ */

@media screen and (min-width: 1024px) and (max-width: 1540px) {

	main.message {
		background-position: center top calc(-30vw - 460px);
	}
	main.message .mv p img {
		left: -30px;
		margin: 0 auto;
	}

}

/* ============================================================
SP
============================================================ */

@media screen and (max-width: 1023.98px) {

/* entire
-------------------------------------------------------------*/

	main.message {
		background: #f4f6f8 url(/recruit/message/img/dl_bg_rev.svg) no-repeat center top;
	background-size: 200% auto;
		border-bottom: solid 1px #fff;
	}

	main.message::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(100vw - 20px);
	height: 100%;
	background: url(/recruit/message/img/dl_bg.svg) no-repeat right bottom;
	background-size: 350px auto;
	}


/* .mv
-------------------------------------------------------------*/

	main.message .mv {
		width: 100%;
		margin-bottom: 180px;
	}
	
	main.message .mv h1 {
		margin-bottom: 24px;
		padding: 24px 0 0 20px;
		font-size: 20px;
	}
	main.message .mv h1 strong {
		margin-bottom: 20px;
		font-size: 42px;
	}

	main.message .mv p {
		position: relative;
		padding: 0 30px;
	}

	main.message .mv p::after {
		content: '';
		position: absolute;
		top: -31%;
		left: 0;
		width: 100%;
		height: 180%;
		background: url(/recruit/message/img/mv_bg_sp.svg) no-repeat center center;
		background-size:  auto 114.5%;
	}

	main.message .mv p img {
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;
		max-width: 520px;
		margin: 0 auto;
	}
	
/* .text
-------------------------------------------------------------*/

	main.message .text {
		margin: 0 20px;
	}

	main.message .text h2 {
		text-align: center;
	}
	main.message .text h2 img {
		max-width: 520px;
		margin: 0 10px 60px;
	}
	main.message .text p {
		margin: 0 0 105px;
		font-size: 18px;
		line-height: 2;
		color: #000;
	}
	main.message .text dl {
		margin: -65px 0 105px;
		text-align: right;
		line-height: 1;
	}
	main.message .text dl dt {
		margin: 0 0 14px;
		font-size: 17px;
		color: #404040;
	}
	main.message .text dl dd {
		font-size: 28px;
		color: #000;
	}

}


/* ============================================================
intermediate_2
============================================================ */

@media screen and (min-width:500px) and (max-width:1024px) {


}