@charset "utf-8";

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------

	Strengths

-------------------------------------------------------------------------------
-------------------------------------------------------------------------------*/

.strengthsBlock{
	margin-top: -70px;
	padding-top: 70px;
  width: 100%;
}
@media screen and (max-width: 959px) {
	.strengthsBlock{
		margin-top: -50px;
		padding-top: 50px;
	}
}
.strengthsBlock .txtBox{
  width: 50%;
  float: right;
}
@media screen and (max-width: 959px) {
  .strengthsBlock .txtBox{
    width: 100%;
    float: none;
  }
}

.strengthsBlock .txtBox .inner{
  float: left;
  max-width: 495px;
  padding:30px 0px 0px 75px;
}
@media screen and (max-width: 1150px) {
.strengthsBlock .txtBox .inner{
    max-width: 100%;
    padding:20px 25px 0px 45px;
  }
}
@media screen and (max-width: 959px) {
  .strengthsBlock .txtBox .inner{
    float: none;
    max-width: 100%;
    padding:20px;
  }
}

.strengthsBlock .txtBox h3{
  margin-bottom: 30px;
  text-align:center;
}

.strengthsBlock .txtBox h3 img{
  width: auto;
}

.strengthsBlock .txtBox .copy{
	font-size:1.8rem;
  margin-bottom:20px;
  text-align:center;
  color:#888;
}
.strengthsBlock .txtBox .txt{
  line-height: 2.0;
  margin-bottom:100px;
}

@media screen and (max-width: 599px) {
.strengthsBlock .txtBox h3{
  margin-bottom: 10px;
}
  .strengthsBlock .txtBox h3 img{
    height: 80px;
  }
.strengthsBlock .txtBox .copy{
	font-size:1.5rem;
  margin-bottom:10px;
}
.strengthsBlock .txtBox .txt{
  line-height: 1.0em;
  font-size:1.3rem;
}

}


.strengthsBlock .imageBox{
  float: left;
  width: 50%;
}
@media screen and (max-width: 959px) {
.strengthsBlock .txtBox .txt{
  line-height: 2.0;
  margin-bottom:10px;
	text-align: justify;
}
  .strengthsBlock .imageBox{
    float: none;
    width:auto;
  }
}

.strengthsBlock .imageBox figure{
  min-height:480px;
  height: auto !important;
  height: 480px;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 959px) {
  .strengthsBlock .imageBox figure{
    min-height:320px;
    height: auto !important;
    height: 320px;
  }
}

.lft .txtBox{
  float: left;
}
@media screen and (max-width: 959px) {
  .lft .txtBox{
    float: none;
  }
}

.lft .txtBox .inner{
	background: url(../strengths/img/col_bg.gif) no-repeat left top;
  float: right;
  padding:30px 75px 0px 0px;
}
.rgt .txtBox .inner{
	background: url(../strengths/img/cor_bg.gif) no-repeat right top;

}
@media screen and (max-width: 1150px) {
  .lft .txtBox .inner{
    max-width: 100%;
    padding:20px 45px 0px 25px;
	  background-image: none;
  }
}
@media screen and (max-width: 959px) {
  .lft .txtBox .inner{
    float: none;
    padding:20px;
  }
	.rgt .txtBox .inner{
		background-image: none;
	}
}


.lft .imageBox{
  float: right;
}
@media screen and (max-width: 959px) {
  .lft .imageBox{
    float: none;
  }
}

.st01{
  background-image: url(../strengths/img/st01p.jpg);
}
.st02{
  background-image: url(../strengths/img/st02p.jpg);
}
.st03{
  background-image: url(../strengths/img/st03p.jpg);
}
.st04{
  background-image: url(../strengths/img/st04p.jpg);
}