@charset "UTF-8";

.strength_item {
    display: inline-block;
	width: 48.86363%;
    margin: 0 1.7% 5px 0;
	position: relative;
}

	.strength_item .bg_img {
		position: relative;
		left: 0;
		top: 0;
		z-index: 1;
	}

	.strength_item h4 {
		width: 100%;
		position: absolute;
		left: 50%;
		top: 8%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 10;
		font-size: 1.6rem;
		line-height: 1.1;
		letter-spacing: 2px;
		font-weight: normal;
		color: #000000;
		text-align: center;
	}

		.strength_item h4 span {
			font-size: 2.6rem;
			font-weight: bold;
		}

	.strength_item .strength_txt {
		position: absolute;
		z-index: 10;
		font-size: 0.9rem;
		color: #000000;
		text-align: justify;
	}

	#strength_item01 .strength_txt {
		width: 50%;
		left: 5%;
		top: 37%;
	}

	#strength_item02 .strength_txt {
		width: 58%;
		right: 5%;
		top: 37%;
	}

	#strength_item03 h4 {
		letter-spacing: -1px;
	}

	#strength_item03 .strength_txt {
		width: 90%;
		left: 50%;
		bottom: 4%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	#strength_item04 h4 {
		letter-spacing: -1px;
	}

	#strength_item04 .strength_txt {
		width: 44%;
		left: 5%;
		top: 38%;
	}

	#strength_item05 .strength_txt {
		width: 48%;
		left: 5%;
		top: 35%;
	}

	#strength_item06 .strength_txt {
		width: 48%;
		left: 5%;
		top: 35%;
	}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:1100px) {
	.strength_item .strength_txt {
		/*font-size: 0.8rem;*/
		line-height: 1.4;
	}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:1024px) {
	.strength_item .strength_txt {
		font-size: 0.8rem;
		line-height: 1.5;
	}
}