img {
  width: 100%; }

body {
  color: #222222; }

.featureTOP {
  clear: both;
  background-image: url(../imgs/feature/feature_top.png);
  background-size: cover;
  background-position: center;
  padding: 7em 0px; }
  .featureTOP__title {
    max-width: 200px;
    margin: 0 auto; }

.featureBox {
  background-image: url(../imgs/feature/feature_BG.png);
  background-size: cover;
  background-position: center;
  padding: 4em 0em; }
  .featureBox__list {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 0px; }
    .featureBox__list__Leftitem {
      list-style: none;
      display: flex;
      margin-bottom: 4em; }
      .featureBox__list__Leftitem div:nth-child(1) {
        width: 49%;
        margin-right: 2%; }
      .featureBox__list__Leftitem div:nth-child(2) {
        width: 49%; }
        .featureBox__list__Leftitem div:nth-child(2) h2 {
          font-size: 1.5em;
          letter-spacing: 2px;
          font-weight: 600; }
        .featureBox__list__Leftitem div:nth-child(2) p {
          line-height: 30px; }
        .featureBox__list__Leftitem div:nth-child(2) p span:nth-child(1) {
          margin-top: 2em;
          display: block; }
        .featureBox__list__Leftitem div:nth-child(2) p span:nth-child(2) {
          display: block; }
    .featureBox__list__Rightitem {
      list-style: none;
      display: flex;
      margin-bottom: 4em; }
      .featureBox__list__Rightitem div:nth-child(1) {
        width: 49%;
        margin-right: 2%; }
        .featureBox__list__Rightitem div:nth-child(1) h2 {
          font-size: 1.5em;
          letter-spacing: 2px;
          font-weight: 600; }
        .featureBox__list__Rightitem div:nth-child(1) p {
          line-height: 30px; }
        .featureBox__list__Rightitem div:nth-child(1) p span:nth-child(1) {
          margin-top: 2em;
          display: block;
          line-height: 30px; }
        .featureBox__list__Rightitem div:nth-child(1) p span:nth-child(2) {
          display: block; }
      .featureBox__list__Rightitem div:nth-child(2) {
        width: 49%; }

@media screen and (max-width: 768px) {
  .sp {
    display: block !important; }

  .pc {
    display: none !important; }

  .featureTOP {
    clear: both;
    background-image: url(../imgs/feature/sp_feature_top.png);
    background-size: cover;
    background-position: center;
    padding: 7em 0px; }
    .featureTOP__title {
      margin-bottom: 0px;
      text-align: center;
      font-size: 1.9em;
      line-height: 25px;
      color: #FFF; }
      .featureTOP__title .title1 {
        letter-spacing: 15px; }
      .featureTOP__title .title2 {
        font-size: 0.75em; }

  .featureBox {
    padding-bottom: 1em; }
    .featureBox__list {
      margin: 0 30px; }
      .featureBox__list__Leftitem {
        display: block; }
        .featureBox__list__Leftitem div:nth-child(1) {
          width: 100%;
          margin-right: 0%; }
        .featureBox__list__Leftitem div:nth-child(2) {
          width: 100%; }
          .featureBox__list__Leftitem div:nth-child(2) h2 {
            margin-top: 1em;
            font-size: 1.23em;
            letter-spacing: 2px; }
          .featureBox__list__Leftitem div:nth-child(2) p {
            line-height: 30px; }
      .featureBox__list__Rightitem {
        display: block; }
        .featureBox__list__Rightitem div:nth-child(1) {
          width: 100%;
          margin-right: 0%; }
        .featureBox__list__Rightitem div:nth-child(1) h2 {
          font-size: 1.23em;
          letter-spacing: 2px; }
        .featureBox__list__Rightitem div:nth-child(1) p {
          line-height: 30px; }
        .featureBox__list__Rightitem div:nth-child(2) {
          width: 100%; } }
/*
@media screen and (min-width:481px) and (max-width:761px){


}*/
@media screen and (max-width: 480px) {
  .featureTOP__title {
    padding-bottom: 0em; }
    .featureTOP__title .title1 {
      font-size: 0.75em; }
    .featureTOP__title .title2 {
      font-size: 0.6em; }

  .footer__copyRight {
    font-size: 0.8em; } }
@media screen and (max-width: 320px) {
  .featureBox__list__Leftitem div:nth-child(2) h2 {
    margin-top: 1em;
    font-size: 1.20em;
    letter-spacing: 2px; } }