div#c2x_chrome {
  clear: both;
  width: 100%;
  max-width: 740px;
  margin: 0 auto 4%;
  overflow: hidden;
}

div#c2x_chrome * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div#c2x_chrome ol,div#c2x_chrome ul {
  list-style: none;
}

div#c2x_chrome .contents {
  width: 100%;
}

div#c2x_chrome .contents .header {
  width: 100%;
}

div#c2x_chrome .contents .header .heading {
  padding: 4.054% 2.297% 2.702%;
  color: #fff;
  font-size: 1.469em;
  font-weight: 700;
  font-family: 'ＭＳ Ｐ明朝',serif;
}

div#c2x_chrome .contents .header .text {
  width: 51.351%;
  margin: 0 2.297% 4.054%;
  font-size: .813em;
  line-height: 1.769;
  color: #fff;
}

div#c2x_chrome .contents .features {
  width: 99%;
  margin: 0 auto;
  overflow: hidden;
}

div#c2x_chrome .contents .features .col {
  float: left;
  width: 24%;
  margin: .5%;
}

div#c2x_chrome .contents .features .col a {
  display: block;
  padding: 6% 5% 0;
}

div#c2x_chrome .contents .features .col .heading {
  margin: 0 0 6.329%;
  font-size: .938em;
  color: #985860;
}

div#c2x_chrome .contents .features .col .description {
  padding: 0 5% 5%;
  font-size: .75em;
}

div#c2x_chrome .contents .features .more {
  clear: both;
  padding: 2.027% 2.027% 4.729%;
  font-size: .813em;
  text-align: right;
}

div#c2x_chrome .contents .features .more a {
  color: #fff;
}

@media (max-width: 767px) {
  div#c2x_chrome .contents .header .heading {
    text-shadow: .5px .5px .1px #000;
  }

  div#c2x_chrome .contents .header .text {
    width: 95.405%;
    text-shadow: .5px .5px .1px #000;
  }

  div#c2x_chrome .contents .features .col {
    width: 49%;
  }
}