/* データでみる安心・安定の職場
============================ */
/* wrap */
#contentsArea.data .wrap {
	padding: 80px 0 20px;
}
#contentsArea.data .wrap p {
	margin-bottom: 20px;
}
@media screen and (max-width:1024px) {
	#contentsArea.data .wrap {
		padding: 15px 0 20px;
	}
	#contentsArea.data .wrap p {
		margin-bottom: 20px;
	}
}

/* copy */
#contentsArea.data .copy {
	font-family: 'Zen Old Mincho', serif;
	font-size:2.4rem;
	line-height:2;
	text-align: center;
	margin-bottom: 0 !important;
}
@media screen and (max-width:1024px) {
	#contentsArea.data .copy {
		font-family: 'Zen Old Mincho', serif;
		font-size: 1.8rem;
		line-height: 2;
		text-align: left;
		margin-bottom: 0 !important;
	}
}

/* 背景 */
#contentsArea.data .bg {
	position: relative;
}
#contentsArea.data .bg::before,
#contentsArea.data .bg::after {
	position: absolute;
	content: '';
	display: inline-block;
	z-index: -1;
}
#contentsArea.data .bg::before {
	top: -10%;
	left: 0;
	width: 414px;
	height: 414px;
	background-image: url("../data/images/bg01.png");
	background-size: contain;
}
#contentsArea.data .bg::after {
	bottom: 10%;
	right: 0;
	width: 420px;
	height: 578px;
	background-image: url("../data/images/bg02.png");
	background-size: contain;
}
@media screen and (max-width:1024px) {
	#contentsArea.data .bg {
		position: relative;
	}
	#contentsArea.data .bg::before,
	#contentsArea.data .bg::after {
		position: absolute;
		content: '';
		display: inline-block;
		z-index: -1;
	}
	#contentsArea.data .bg::before {
		top: -10%;
		left: 0;
		width: 207px;
		height: 207px;
		background-image: url("../data/images/bg01.png");
		background-size: contain;
	}
	#contentsArea.data .bg::after {
		bottom: 10%;
		right: 0;
		width: 210px;
		height: 289px;
		background-image: url("../data/images/bg02.png");
		background-size: contain;
	}
}

/* 本文 */
#contentsArea.data .flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 100px;
}
#contentsArea.data .flex:nth-child(even) {
	flex-direction: row-reverse;
}
#contentsArea.data .pic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 660px;
	background: #fff8d8;
	border-radius: 30px;
	padding: 40px 30px;
}
#contentsArea.data .pic .box_l {
	width: calc(98% - 248px);
}
#contentsArea.data .pic .box_r {
	width: 248px;
}
#contentsArea.data h2 {
	text-align: center;
	padding-left: 0;
}
#contentsArea.data h2::before {
	display: none;
}
#contentsArea.data h2 span {
	display: block;
	font-size: 2.4rem;
}
#contentsArea.data .num {
	font-family: 'Zen Old Mincho', serif;
	font-size: 4rem;
	letter-spacing: -0.05em;
	color: #4bc76d;
	line-height: 1.1;
	text-align: center;
	margin-bottom: 0!important;
}
#contentsArea.data .num span {
	font-size: 10rem;
}
#contentsArea.data .txt {
	width: calc(95% - 660px);
}
@media screen and (max-width:1024px) {
	#contentsArea.data .flex {
		display: block;
		margin-bottom: 50px;
	}
	#contentsArea.data .pic {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		background: #fff8d8;
		border-radius: 20px;
		padding: 20px;
		margin-bottom: 25px;
	}
	#contentsArea.data .pic .box_l {
		width: 68%;
	}
	#contentsArea.data .pic .box_r {
		width: 30%;
	}
	#contentsArea.data h2 {
		font-size: 2.2rem;
		text-align: center;
		padding-left: 0;
	}
	#contentsArea.data h2::before {
		display: none;
	}
	#contentsArea.data h2 span {
		display: block;
		font-size: 1.3rem;
	}
	#contentsArea.data .num {
		font-family: 'Zen Old Mincho', serif;
		font-size: 2.4rem;
		letter-spacing: -0.05em;
		color: #4bc76d;
		line-height: 1.1;
		text-align: center;
		margin-bottom: 0!important;
	}
	#contentsArea.data .num span {
		font-size: 6rem;
	}
	#contentsArea.data .txt {
		width: 100%;
	}
}