@charset "UTF-8";
/* processingLayout
------------------------------------*/
.processingLayout #c01 .flexBox:nth-child(even) {
  margin-bottom: 20px;
}

.processingLayout #c01 h4 {
  margin-top: 30px;
}

.processingLayout #c02 .flex, .processingLayout #c03 .flex {
  max-width: 400px;
  margin: auto;
  width: 100%;
}

.processingLayout #c02 .flex img, .processingLayout #c03 .flex img {
  width: 100%;
}

.processingLayout #c02 img, .processingLayout #c03 img {
  margin-bottom: 20px;
}

.processingLayout #c03 .bnr01 {
  margin: auto;
  max-width: 460px;
  width: 100%;
}

/* 【タブレット用のスタイル記述】 */
@media (min-width: 761px) {
  .processingLayout .flex li {
    max-width: auto;
    width: 30%;
    margin: 0 6px;
  }
  .processingLayout #c01 h4 {
    margin-top: 0;
  }
  .processingLayout #c01 .flex {
    margin-bottom: 40px;
  }
  .processingLayout #c01 .flexBox {
    width: 47.91667%;
  }
  .processingLayout #c02 .flex, .processingLayout #c03 .flex {
    max-width: 100%;
    margin: auto;
  }
  .processingLayout #c02 img, .processingLayout #c03 img {
    margin-bottom: 0;
  }
  .processingLayout #c02 .flexBox, .processingLayout #c03 .flexBox {
    width: 47.91667%;
    margin-bottom: 30px;
  }
}