@charset "UTF-8";

.bg-tyumon {
	position: absolute;
	top: 60px;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bg-tyumon02 {
	position: absolute;
	top: 90px;
	right: 5%;
	height: 80%;
	z-index: -1;
	background: #333333;
}
.bg-tyumon03 {
	position: absolute;
	top: 90px;
	left: 5%;
	height: 80%;
	z-index: -1;
	background: #333333;
}
.btn-result {
  position: absolute;
  z-index: 1;
  top: 58%;
  left: 50%;
  transform: translateY(-50%)  translateX(-50%);
  -webkit- transform: translateY(-50%)  translateX(-50%);
}
.mb-100 {
	margin-bottom: 100px;
}
.quality-title {
	padding-bottom: 10px;
	border-bottom: solid 1px #fff;
	position: relative;
}
.quality-title img {
	position: absolute;
	top: 45%;
	right: 0;
	width: 20px;
			transform: translateY(-50%) ;
	-webkit- transform: translateY(-50%) ;
}


/*PCのみ*/
@media (min-width: 768px) {

	.quality-box01 {
		position: absolute;
		top: 50%;
		left: 0;
		width: 50%;
		transform: translateY(-50%) ;
	-webkit- transform: translateY(-50%) ;
	}
	.quality-box02 {
		position: absolute;
		top: 50%;
		right: 0;
		width: 50%;
		transform: translateY(-50%) ;
	-webkit- transform: translateY(-50%) ;
	}
	.bunjyo-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}

	.w-500l {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1000px;
		padding-right: 560px;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
	}

	.w-500r {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1000px;
		padding-left: 560px;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
	}






}

@media (max-width: 768px) {

	.bg-tyumon02 {
		right: 0
	}
	.bg-tyumon03 {
		left: 0
	}
	.btn-result {
	top: 65%;
	}
	.c-sp-white {
		color: #fff;
	}
	.mb-100 {
		margin-bottom: 10px;
	}
}