@charset "UTF-8";
/* featuresLayout
------------------------------------*/
.featuresLayout .flex li {
  max-width: 400px;
  width: 100%;
  margin: 0 auto 20px;
}

.featuresLayout .flex li img {
  width: 100%;
}

.featuresLayout h4 {
  padding-left: 54px;
  position: relative;
  margin-top: 50px;
}

.featuresLayout h4::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 24px;
  width: 40px;
}

.featuresLayout h4:nth-of-type(1)::after {
  background: url(../img/number_01.png) no-repeat center top;
}

.featuresLayout h4:nth-of-type(2)::after {
  background: url(../img/number_02.png) no-repeat center top;
}

.featuresLayout h4:nth-of-type(3)::after {
  background: url(../img/number_03.png) no-repeat center top;
}

.featuresLayout #c02 {
  background: #f7f7f7;
}

.featuresLayout #c02 .flexBox {
  margin-bottom: 20px;
}

/* 【タブレット用のスタイル記述】 */
@media (min-width: 761px) {
  .featuresLayout .flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .featuresLayout .flex li {
    width: 30%;
    margin: 0 6px;
  }
  .featuresLayout #c01 {
    padding: 0 0 100px;
  }
  .featuresLayout #c02 {
    padding: 80px 0 100px;
  }
}