@charset "UTF-8";
@import url(common.css);
/*==================================================================*/
/* contact css　*/
/*==================================================================*/
.title-area {
  background: url("/forte/image/forte_bg.jpg") no-repeat 0 0;
  background-size: cover;
}

.strengths {
  min-height: 365px;
  margin-bottom: 4em;
}
.strengths .txt {
  width: 58%;
}
.strengths .txt h2 {
  margin-bottom: 1em;
  display: inline-block;
  font-size: 1.7em;
  background: #fff;
}
.strengths .txt p {
  text-shadow: -1px -1px 0px #fff,1px -1px 0px #fff, 1px 1px 0px #fff, -1px 1px 0px #fff;
}
.strengths .photo {
  display: none;
}
.strengths .number-r {
  text-align: right;
}

.box01 {
  background: url("/forte/image/photo_strengths01.jpg") no-repeat 100% 100%;
}

.box02 {
  background: url("/forte/image/photo_strengths02.jpg") no-repeat 0% 100%;
}
.box02 .txt {
  margin: 0 0 0 auto;
}
.box02 .txt p {
  margin-left: 10%;
}

.box03 {
  background: url("/forte/image/photo_strengths03.jpg") no-repeat 100% 100%;
}

.box04 {
  background: url("/forte/image/photo_strengths04.jpg") no-repeat 0% 100%;
}
.box04 .txt {
  margin: 0 0 0 auto;
}
.box04 .txt p {
  margin-left: 10%;
}

.box05 {
  background: url("/forte/image/photo_strengths07.jpg") no-repeat 100% 100%;
}

.box06 {
  background: url("/forte/image/photo_strengths05.jpg") no-repeat 0 100%;
}
.box06 .txt {
  margin: 0 0 0 auto;
}
.box06 .txt p {
  margin-left: 10%;
}
.box06 .txt .sentence {
  padding-bottom: 1em;
}
.box06 .txt .p-block:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.box06 .txt .p-block .pmark {
  float: right;
  margin: 0;
}

.box07 {
  background: url("/forte/image/photo_strengths06.jpg") no-repeat 100% 100%;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  .strengths {
    padding: 0;
    min-height: auto;
    margin-bottom: 2em;
  }
  .strengths .txt {
    width: 100%;
    margin-bottom: 2em;
  }
  .strengths .txt p img {
    max-width: 45px;
  }
  .strengths .txt h2 {
    margin-bottom: 1em;
    display: inline-block;
    font-size: 1.3em;
  }
  .strengths .txt .p-block .pmark img {
    max-width: 100%;
  }
  .strengths .photo {
    width: 90%;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .strengths .number-r {
    text-align: left;
    margin: 0 !important;
  }

  .box01, .box02, .box03, .box04, .box05, .box06 {
    background: none;
  }

  .box02 .txt p {
    margin-left: 0;
  }

  .box04 .txt p {
    margin-left: 0;
  }

  .box06 .txt p {
    margin-left: 0;
  }

  .box07 {
    background: none;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/