@charset "UTF-8";

.mainVis {
  background: url(../images/bg-supplier.jpg) no-repeat center/cover;
}

.mainVis .mainVis_ttl {
  text-shadow: 1px 1px 0px #fff;
}

/*================================================
 * supplier
 ================================================*/
#supplier .supplier_txt {
  font-weight: bold;
  font-size: 19px;
  color: #084795;
  line-height: 2;
}

#supplier:before {
  position: absolute;
  content: "";
  width: 37%;
  height: 100%;
  background: rgba(157, 190, 230, 0.1);
  top: 0;
  left: 0;
}

#supplier .vertical {
  top: 30%;
  font-size: 80px;
  letter-spacing: .05em;
  line-height: 1;
  color: rgba(8, 71, 149);
}

/* benefit */
.benefit {
  margin: 70px 0 50px;
}

.benefit .benefit_ttl {
  color: #E07E8E;
  font-style: normal;
  font-size: 24px;
  margin-bottom: 35px;
  text-align: center;
}

.benefit .benefit_ttl img {
  width: 250px;
  vertical-align: middle;
}

.benefit-image {
  width: 300px;
  height: 150px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.benefit-image.benefit01 {
  background-image: url(../images/benefit01.jpg);
}

.benefit-image.benefit02 {
  background-image: url(../images/benefit02.jpg);
}

.benefit-image.benefit03 {
  background-image: url(../images/benefit04.jpg);
}

.benefit-image.benefit04 {
  background-image: url(../images/benefit03.jpg);
}

@media screen and (max-width:768px) {
  #supplier .supplier_txt {
    font-size: 17px;
  }

  .benefit-image {
    width: 100%;
    margin-bottom: 10px;
  }
}