@charset "utf-8";



/* --------------------------------------------
						
「安心」を包む。

---------------------------------------------- */ 
.reliefBox {
	position: relative;
	max-width: 1356px;
	margin: auto;
	padding-bottom: 8em;
}
.reliefBox > img {
	position: absolute; 
	right:0;
}
.reliefBox__eng {
	position: relative;
}
.reliefBox__inner {
	position: relative;
	width: 49.8%;
	padding: 3.5em 0;
	background: rgba(255,255,255,0.65);
}
.reliefBox h2 {
	margin: 0em -42% 3em 0%;
}
.reliefBox__inner > p {
	padding: 0 10% 1em 19%;
}
.reliefBox__inner > p:first-letter {
	padding-left: 1em;
}

.reliefBox {
	opacity: 0;
}
.reliefBox.animest {
	animation-name: fadeInBottomTop;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}


.qualityBox > img {
	 top: 6.6em;
}
.qualityBox .reliefBox__eng {
	text-align: center;
}

.ssssssBox {
	margin-bottom: 11em;
}
.ssssssBox > img {
	top: 5em;
}
.ssssssBox .reliefBox__eng {
	text-align: left;
}

.productivityBox > img {
	top:6.4em;
}
.productivityBox .reliefBox__eng {
	text-align: right;

}

@media screen and (max-width:980px){
.reliefBox {
	padding-bottom: 4em;
}
.reliefBox > img {
	position: relative;
	width: 100%;
	top: 0!important;
}
.reliefBox__eng {
	margin-top: -6em;
}
.reliefBox__inner {
	width: 100%;
	padding: 3.5em 10%;
}
.reliefBox h2 {
	text-align: left;
	margin: 0em 0% 3em 0%;
}
.reliefBox__inner > p {
	padding: 0 0% 1em;
}
}