/* ========================================================================= *
 * For All Environment                                                       *
 * ========================================================================= */
  /* Article styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .article {
    /* none */
  }
    .article img {
      display: inline-block;
      border: solid 3px #00A73C;
      border-radius: 5px;
      width: 75px;
      height: 75px;
    }

  dt {
    font-weight: bold;
    margin-top: 10px;
  }
  dd {
    /* none */
  }
    dd h3,
    dd a {
      font-family: 'hiragino kaku gothic pro', meiryo;
      font-size: 1.5rem;
    }


/* ========================================================================= *
 * Smaller Than Tablet                                                       *
 * ========================================================================= */
@media (max-width: 749px) {
  /* Header styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .header {
    background-image: url('../img/bg-sp.jpg');
  }

  /* Article styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .article ul {
    margin-bottom: 1.5rem;
  }

  /* Footer styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .copyright {
    /* none */
  }
    .copyright img {
      visibility: hidden;
    }
    .copyright span {
      background-image: url('../../../common_assets/img/ppc-logo-white.png');
    }
}


/* ========================================================================= *
 * Larger Than Tablet                                                        *
 * ========================================================================= */
@media (min-width: 750px) {
  /* Header styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .contents-title {
    color: #00A73C;
  }

  /* Article styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .media {
    margin-top: 110px;
  }

  /* Footer styles.
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .links {
    /* none */
  }
    .links a {
      color: #3E3E3E;
    }

  .social-icons {
    /* none */
  }
    .social-icons a {
      color: #3E3E3E;
    }

  .copyright {
    color: #3E3E3E;
  }
}