@charset "UTF-8";
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }
  body.s1 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_01.jpg") 0 0/cover no-repeat; }
  body.s2 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_02.jpg") 0 0/cover no-repeat; }
  body.s3 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_03.jpg") 0 0/cover no-repeat; }
  body.s4 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_04.jpg") 0 0/cover no-repeat; }
  body.s5 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_05.jpg") 0 0/cover no-repeat; }
  body.s6 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_06.jpg") 0 0/cover no-repeat; }
  body.s7 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_07.jpg") 0 0/cover no-repeat; }
  body.s8 {
    background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/sp_sp_bg_08.jpg") 0 0/cover no-repeat; }

.new:after {
  content: '';
  background: url("https://media.spike-chunsoft.co.jp/pages/zaz/sp/images/icon-new.png") left top no-repeat;
  position: absolute;
  width: 33px;
  height: 16px;
  right: 0;
  top: 0; }

h1 {
  margin: 0 30px;
  color: white;
  font-size: 36px; }

h2 {
  margin: 60px 30px 0; }
  h2 span {
    color: #1836fd;
    font-size: 24px;
    padding: 0.35em;
    background-color: white;
    line-height: 1.8em; }

p {
  margin: 30px 30px 0;
  color: white;
  font-size: 24px;
  line-height: 1.8em; }

p.button {
  text-align: right;
  margin: 0; }

.nav {
  width: 698px;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto 50px; }
  .nav li {
    width: 340px;
    background-color: rgba(5, 38, 252, 0.8);
    margin-right: 9px;
    margin-top: 9px;
    position: relative; }
    .nav li.new:after {
      right: 4px;
      top: 4px; }
  .nav p {
    padding: 0.35em;
    font-size: 20px;
    text-align: center;
    line-height: 1.5em;
    margin: 0; }
  .nav a {
    text-decoration: none;
    color: white; }
