img {
  width: 100%; }

.systemWrap {
  position: relative;
  padding: 0 0 0;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-image: url(/dreaming/sp/assets/img/system/system_bg_star.png), url(/dreaming/sp/assets/img/system/system_bg1.gif);
  text-align: center; }
  .systemWrap h1 {
    display: inline-block;
    margin: 10vw auto 0;
    width: 36vw; }
  .systemWrap section {
    padding: 14vw 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center; }
    .systemWrap section h2 {
      display: inline-block;
      padding: 0 0 3.4vw;
      width: 49%; }
    .systemWrap section figure {
      text-align: center; }
      .systemWrap section figure a {
        display: inline-block;
        width: 96%; }
    .systemWrap section.systemStory {
      background-image: url(/dreaming/sp/assets/img/system/system_story_bg.png); }
      .systemWrap section.systemStory h2 {
        padding: 0 0 3.4vw; }
    .systemWrap section.systemLesson {
      padding: 12vw 0 0;
      background-image: url(/dreaming/sp/assets/img/system/system_lesson_bg.png); }
      .systemWrap section.systemLesson h2 {
        padding: 0 0 5.7vw;
        width: 55vw; }
    .systemWrap section.systemBattle {
      padding: 14vw 0 6vw;
      background-image: url(/dreaming/sp/assets/img/system/system_battle_bg.png); }
      .systemWrap section.systemBattle h2 {
        padding: 0 0 3vw; }
    .systemWrap section.systemLive {
      padding: 13vw 0 6vw;
      background-image: url(/dreaming/sp/assets/img/system/system_live_bg.png); }
      .systemWrap section.systemLive h2 {
        padding: 0 0 7.6vw;
        width: 92vw; }

.mainArea p.system_caution {
  margin: 0 auto;
  padding: 5.2vw 0;
  width: 80%; }

/*# sourceMappingURL=system.css.map */