@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
  /* 768px 以下の画面サイズに適用されるスタイル */

  #contents p {
    line-height: 2.7rem;
  }

  #contents h2 {
    background: url(/img/150625/csr_bg.gif) no-repeat 0px 14px;
  }
  h3 {
    font-weight: bold;
  }
  .img_wrap {
    width: 100% !important;
    margin-top: 30px !important;
  }
  .growth,
  .sustainable,
  .database {
    border-radius: 0 !important;
    padding-bottom: 0 !important;
  }
  .growth .business,
  .sustainable .business {
    display: block !important;
    padding: 0 15px;
  }
  .individual .business dl {
    width: 100% !important;
    margin: 0 auto;
    border: none;
    margin-bottom: 20px;
    height: auto;
  }

  .growth_img,
  .sustainable_img,
  .database_img {
    text-align: center;
  }

  .growth_img img,
  .sustainable_img img,
  .database_img img {
    width: 60% !important;
  }
  .individual .business dl dt {
    padding: 20px 20px 0 20px !important;
  }
  .individual .business dl dd {
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin: 20px;
  }
  h3 b {
    font-size: 2rem;
  }
  .individual .business .mail_order .topcontainer,
  .individual .business .cosmetic .topcontainer {
    height: unset;
  }
  .database {
    width: 90% !important;
  }
  #contents .individual .btn a {
    font-size: 1.4rem;
    color: inherit;
    margin-left: 10px;
  }
}