@charset "utf-8";

/* リコーの取り組み
============================ */
#main.effort {
	margin-bottom:140px;
}
/* ビジュアル */
#main.effort .visual {
	height: 260px;
	background: url("/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg_visual.jpg") top center no-repeat;
	background-size: cover;
	margin:45px 0 0;
}
#main.effort h2 {
	font-size: 40px;
	font-weight: bold;
	position: relative;
	margin: 90px 0 55px;
	text-align: center;
	line-height: 1.6;
	overflow: visible;
}
#main.effort h2:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 80px;
	background: #d31d3e;
	left: 50%;
	bottom: -15px;
	margin: auto;
	transform: translate(-50%,0);
}
#main.effort h2 + p {
	font-size:20px;
}
#main.effort h3 + p {
	line-height:1.6;
	font-size:20px;
}
/* 参考リンク */
.effort .reference {
	background: #f6f6f6;
	padding: 20px 50px;
	margin: 40px auto 0;
	line-height: 1.8;
	max-width: 820px;
	font-size: 20px;
}
.effort .reference dt {
	width: 9em;
}
.effort .reference dd {
	margin-left: 9em;
	margin-top: -1.6em;
}
.effort .reference dd ol {
	margin:0;
	padding:0;
}
.effort .reference dd ol li {
	margin:0;
	list-style: none;
	list-style-position:inside;
	counter-increment: cnt;
}
.effort .reference dd ol li:before {
	display: marker;
	content: counter(cnt) ") ";
}
/* 取り組み */
.effort .efforts01,
.effort .efforts02,
.effort .efforts03 {
	width: 100%;
/*	min-width: 1026px;*/
	height: 460px;
	position: relative;
	background: #f6f6f6;
}
.effort .efforts01:before {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg01.jpg) 0 0 no-repeat;
	background-size: cover;
	z-index: 0;
}
.effort .efforts02:before {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg02.jpg) 0 0 no-repeat;
	background-size: cover;
	z-index: 0;
}
.effort .efforts03:before {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg03.jpg) 0 0 no-repeat;
	background-size: cover;
	z-index: 0;
}
.effort div[class^="efforts"] .boxL,
.effort div[class^="efforts"] .boxR {
	width:50%;
	max-width: 514px;
	box-sizing: border-box;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.effort div[class^="efforts"] .boxL {
	padding: 0 9% 0 20px;
	right: 50%;
}
.effort div[class^="efforts"] .boxR {
	padding: 0 0 0 9%;
	left: 50%;
}
.effort div[class^="efforts"] h3 {
	color:#222;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 18px;
}
@media (max-width:1060px) {
	.effort div[class^="efforts"] h3 {
	padding:0;
	}
}
@media (max-width:1060px) {
	#main.effort h3 + p {
		font-size:18px;
	}
}
@media (max-width:640px) {
	#main.effort {
		margin-bottom:70px;
	}
	#main.effort h2 {
		font-size:24px;
		margin: 45px 0 23px;
	}
	#main.effort h2 + p {
		font-size:16px;
	}
	#main.effort h2:before {
		bottom: -8px;
	}
	#main.effort h3 + p {
		font-size:16px;
	}
	#main.effort .visual {
		height: 130px;
		margin:22px 0 0;
	}
	.effort .reference {
	/*	width:83%;*/
		display:flex;
		flex-direction:column;
		padding:20px;
		font-size: 16px;
	}
	.effort .reference dt {
		width: 100%;
	}
	.effort .reference dd {
		margin-left: 0;
		margin-top: 0;
	}
	.effort .efforts01,
	.effort .efforts02,
	.effort .efforts03 {
		min-width: 100%;
		height: initial;
		padding:230px 0 60px;
	}

	.effort .efforts01:before {
		content: "";
		width: 100%;
		height: 230px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg01.jpg) center bottom no-repeat;
		background-size: cover;
	}
	.effort div[class^="efforts"] .boxL,
	.effort div[class^="efforts"] .boxR {
		width:100%;
		transform: translateY(0);
		position: static;
	}
	.effort div[class^="efforts"] .boxL {
		padding: 0 20px;
		right: 0;
	}
	.effort div[class^="efforts"] .boxR {
		padding: 0 20px;
		left: 0;
	}
	.effort div[class^="efforts"] h3 {
		text-align:center;
	}
	.effort .efforts02:before {
		content: "";
		width: 100%;
		height: 230px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg02.jpg) 0 0 no-repeat;
		background-size: cover;
		z-index: 0;
	}
	.effort .efforts03:before {
		content: "";
		width: 100%;
		height: 230px;
		position: absolute;
		top: 0;
		right: 0;
		background: url(/-/Media/Ricoh/Sites/jp_ricoh/jobs/challenged/effort/img/bg03.jpg) 0 0 no-repeat;
		background-size: cover;
		z-index: 0;
	}

}