.elem-contents-title {
  padding-top: 90px;
  margin-bottom: 50px;
}

.elem-flower-r {
  top: -200px;
}

.system-detail {
  padding: 40px 0;
}

.system-detail>h2 {
  text-align: center;
}

.system-detail>p {
  margin-top: 40px;
  color: #382a00;
  line-height: 1.7;
  text-align: center;
}

.system-detail-list {
  position: relative;
}

.system-detail-list>ul {
  margin: 20px -20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.system-detail-list>ul>li {
  width: 33.333333%;
  margin: 0 5px;
}

.system-detail-next,
.system-detail-prev {
  width: 60px;
  height: 66px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.system-detail-prev {
  left: -5px;
}

.system-detail-next {
  right: -5px;
}

.system-bg-head>img,
.system-bg-foot>img {
  width: 100%;
}

.system-bg-body {
  background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/system/bg_body.png);
  background-repeat: repeat-y;
  background-size: 100%;
}

.system-bg-body .system-detail {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .elem-contents-title {
    padding-top: 30px;
    margin-bottom: 20px;
  }

  .elem-flower-r {
    top: -80px;
  }

  .system-detail>h2 {
    padding: 0 10px;
  }

  .system-detail>p {
    margin-top: 20px;
  }

  .system-detail-list>ul {
    margin: 10px 0 0;
  }

  .system-detail-list>ul>li {
    width: 70%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .system-detail-list>ul>li.on {
    -webkit-transition: 1.0s;
    transition: 1.0s;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  .system-bg-body {
    background-image: url(/wp-content/themes/ikemen/title/sengoku/original/renew/img/system/bg_body_sp.png);
  }
}

@media screen and (min-width: 768px) {
  .elem-flower-l {
    bottom: -220px;
  }

  .system-detail-next,
  .system-detail-prev {
    display: none;
  }
}