/* common
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* form
=================================================================== */
@media only screen and (max-width: 768px) {
  /* color
  --------------------------------------------------------- */
  /* module
  =================================================================== */
  /* wrapper
  --------------------------------------------------------------------------------------------------------- */
  .wrapper article section > p {
    margin-bottom: 32px; }
  .wrapper article section .column {
    /* col--6
    --------------------------------------------------------- */ }
    .wrapper article section .column.column--6 {
      margin-right: -15px; }
      .wrapper article section .column.column--6 li {
        float: left;
        width: calc(100% / 3 - 15px);
        margin: 0 15px 20px 0; }
        .wrapper article section .column.column--6 li dl dt {
          padding-top: calc(100 / 167 * 100%);
          margin-bottom: 17px; }
        .wrapper article section .column.column--6 li dl dd {
          line-height: 1.4; } }