.contents-wrap {
  max-width: 941px;
  margin: 0 auto;
}

.system-title {
  max-width: 575px;
  margin: 0 auto;

  img {
    width: 100%;
  }
}

article {
  display: none;
  margin-top: 20px;
}

.view {
  display: block;
}

.button-wrap {
  margin-top: 40px;

  button {
    position: relative;
    width: 200px;
    img {
      width: 100%;
    }
  }

  button + button {
    margin-left: 32px;
  }
}

.item-wrap {
  margin-top: 60px;
}

.item-wrap + .item-wrap {
  margin-top: 75px;
}

.new-icon {
  position: absolute;
  width: 70px !important;
  top: -15px;
  right: -10px;
  rotate: 15deg;
  animation: flash3 1.5s ease-in-out infinite alternate;
}

h2 {
  max-width: 100%;

  img {
    width: 100%;
  }

  .article-title1 {
    max-width: 1030px;
    margin: 0 auto;
  }

  .article-title2 {
    max-width: 672px;
    margin: 0 auto;
  }
}

h3 {
  max-width: 650px;
  margin: 0 auto;

  img {
    width: 100%;
  }
}

h4 {
  margin-top: 50px;

  img {
    max-width: 452px;
    margin: 0 auto;

    width: 100%;
  }
}

.text-wrap {
  position: relative;
  max-width: 735px;
  margin: 20px auto 0;
}

.link-detail {
  display: block;
  text-align: right;
}

.link-detail:hover {
  opacity: 0.8;
}

.trial-wrap {
  .text-wrap {
    text-align: center;
  }

  .btn-trial {
    margin: 12px auto 0;
  }
}

/*1列*/
@media screen and (max-width: 440px) {
  .button-wrap {
    margin-top: 5px;

    button + button {
      margin: 5px auto 0;
    }
  }

  .item-wrap {
    margin-top: 20px;
  }

  .item-wrap + .item-wrap {
    margin-top: 30px;
  }
}