/*-----------------------------------------------
 info
-----------------------------------------------*/
#info {
  position: relative;
  z-index: 10;
  padding: 128px 0 400px; }
  #info h1 {
    text-align: center;
    margin-bottom: 78px; }
  #info h2 {
    margin-bottom: 86px;
    text-align: center; }

@media only screen and (max-width: 768px) {
  #info {
    padding: 18% 0; }
    #info h1 {
      margin-bottom: 9.4%; }
    #info h2 {
      margin-bottom: 8.5%; } }
/*-----------------------------------------------
game-info
-----------------------------------------------*/
#game-info section {
  width: 1100px;
  margin: 0 auto 120px;
  padding-top: 16px;
  text-align: center; }
  #game-info section .mb-80 {
    margin-bottom: 80px; }
  #game-info section .txt {
    font-size: 33px;
    line-height: 1.4;
    padding: 35px 0; }
    #game-info section .txt span {
      font-size: 20px; }
#game-info h3 {
  position: relative;
  top: 0;
  left: -25px; }
#game-info h4 {
  margin-bottom: 34px; }
#game-info p {
  line-height: 0; }
#game-info .sec1 {
  background: url("../img/info/bg_sec1.png") no-repeat bottom center #fff;
  padding-bottom: 32px; }
  #game-info .sec1 h3 {
    margin-bottom: 22px; }
  #game-info .sec1 h4:last-of-type {
    margin-bottom: -6px; }
  #game-info .sec1 .txt {
    color: #184ffd; }
  #game-info .sec1 .period {
    margin-bottom: 44px; }
  #game-info .sec1 .image:last-of-type {
    margin-bottom: -46px; }
#game-info .sec2 {
  background: url("../img/info/bg_sec2.png") no-repeat bottom center #fff;
  padding-bottom: 80px; }
  #game-info .sec2 h3 {
    margin-bottom: 22px; }
  #game-info .sec2 .btn {
    position: relative;
    width: 490px;
    height: 72px;
    background-color: #1a32d0;
    border-radius: 50px;
    margin: 40px auto 82px;
    cursor: pointer; }
    #game-info .sec2 .btn span {
      position: absolute;
      top: -10px;
      left: -6px;
      display: block;
      border: 2px solid #1a32d0;
      width: 100%;
      height: 72px;
      line-height: 72px;
      border-radius: 50px;
      font-size: 35px;
      font-weight: bold;
      color: #ff3cfe;
      text-decoration: none;
      transition: all 0.2s ease;
      background: url("../img/info/btn_sec2_off.png") no-repeat top center #ff3cfe;
      background-size: contain; }
      #game-info .sec2 .btn span:hover {
        top: 0;
        left: 0; }
    #game-info .sec2 .btn.active {
      background-color: #fcff00; }
      #game-info .sec2 .btn.active span {
        background: url("../img/info/btn_sec2_on.png") no-repeat top center #1a32d0;
        background-size: contain; }
  #game-info .sec2 .box {
    position: relative; }
  #game-info .sec2 video {
    display: none;
    width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50px; }
  #game-info .sec2 .txt {
    color: #ff3cfe; }
  #game-info .sec2 .period {
    margin-bottom: 44px; }
  #game-info .sec2 .image:nth-of-type(6) {
    margin-bottom: 50px; }
#game-info .sec3 {
  background: url("../img/info/bg_sec3.png") no-repeat bottom center #fff;
  padding-bottom: 78px; }
  #game-info .sec3 h3 {
    margin-bottom: 22px; }
  #game-info .sec3 .txt {
    color: #fda418; }
  #game-info .sec3 .period {
    margin-bottom: 44px; }
  #game-info .sec3 .list {
    margin: 0 50px; }
    #game-info .sec3 .list ul {
      font-size: 0;
      text-align: center; }
      #game-info .sec3 .list ul li {
        display: inline-block;
        margin-right: 14px;
        margin-bottom: 25px; }
        #game-info .sec3 .list ul li:nth-of-type(2n) {
          margin-right: 0; }
        #game-info .sec3 .list ul li:nth-last-child(1), #game-info .sec3 .list ul li:nth-last-child(2) {
          margin-bottom: 0; }
    #game-info .sec3 .list p {
      font-size: 20px;
      line-height: 2;
      text-align: right;
      color: #fda418; }
#game-info .sec4 {
  background: url("../img/info/bg_sec4.png") no-repeat bottom center #fff;
  padding-bottom: 22px; }
  #game-info .sec4 h3 {
    margin-bottom: 30px; }
  #game-info .sec4 .txt {
    color: #0ecbb9; }
    #game-info .sec4 .txt:first-of-type {
      padding-top: 0; }
  #game-info .sec4 .period {
    margin-bottom: 80px; }
  #game-info .sec4 .image {
    margin-bottom: 48px; }
#game-info .sec5 {
  background: url("../img/info/bg_sec5.png") no-repeat bottom center #fff;
  padding-bottom: 32px; }
  #game-info .sec5 h3 {
    margin-bottom: 12px; }
  #game-info .sec5 h4 {
    margin-bottom: 25px; }
  #game-info .sec5 .txt {
    color: #7cd610; }
    #game-info .sec5 .txt:nth-of-type(5), #game-info .sec5 .txt:nth-of-type(8) {
      padding-top: 0; }
  #game-info .sec5 .period {
    margin-bottom: 44px; }
    #game-info .sec5 .period:nth-of-type(4), #game-info .sec5 .period:nth-of-type(7) {
      margin-bottom: 0; }

@media only screen and (max-width: 768px) {
  #game-info section {
    width: auto;
    margin: 0 2.4% 11%;
    padding-top: 1.6%; }
    #game-info section .txt {
      font-size: 3.13vw;
      padding: 3% 0; }
      #game-info section .txt span {
        font-size: 2.5vw; }
    #game-info section .m-30 {
      margin-right: 5%;
      margin-left: 5%; }
    #game-info section .mb-80 {
      margin-bottom: 12%; }
  #game-info h3 {
    left: 0;
    margin: 0 -2.4%; }
  #game-info .sec1 {
    background: url("../img/info/bg_sec1-sp.png") no-repeat bottom center #fff;
    background-size: cover;
    padding-bottom: 8.2%; }
    #game-info .sec1 h3 {
      margin-bottom: 2%; }
    #game-info .sec1 .period {
      margin-bottom: 8.8%; }
    #game-info .sec1 h4:last-of-type {
      margin-bottom: -1%; }
    #game-info .sec1 .image:last-of-type {
      margin-bottom: -4%; }
  #game-info .sec2 {
    background: url("../img/info/bg_sec2-sp.png") no-repeat bottom center #fff;
    background-size: cover;
    padding-bottom: 11%; }
    #game-info .sec2 h3 {
      margin-bottom: 2%; }
    #game-info .sec2 .btn {
      width: 57.5%;
      height: 9.4vw;
      border-radius: 6vw;
      margin: 6.5% auto 9.5%; }
      #game-info .sec2 .btn span {
        top: -1.8vw;
        left: -2%;
        border: 2px solid #1a32d0;
        height: 9.4vw;
        line-height: 79.4vw;
        border-radius: 6vw;
        font-weight: bold;
        text-decoration: none;
        transition: all 0.2s ease;
        background: url("../img/info/btn_sec2_off-sp.png") no-repeat top center #ff3cfe;
        background-size: contain; }
        #game-info .sec2 .btn span:hover {
          top: -1.8vw;
          left: -2%; }
      #game-info .sec2 .btn.active span {
        background: url("../img/info/btn_sec2_on-sp.png") no-repeat top center #1a32d0;
        background-size: contain; }
    #game-info .sec2 video {
      width: 91.2%;
      left: 4.4%; }
    #game-info .sec2 .period {
      margin-bottom: 8.8%; }
    #game-info .sec2 .image:nth-of-type(6) {
      margin-bottom: 8%; }
  #game-info .sec3 {
    background: url("../img/info/bg_sec3-sp.png") no-repeat bottom center #fff;
    background-size: cover;
    padding-bottom: 9.4%; }
    #game-info .sec3 h3 {
      margin-bottom: 2%; }
    #game-info .sec3 .period {
      margin-bottom: 8.8%; }
    #game-info .sec3 .list {
      margin: 0 4.6%; }
      #game-info .sec3 .list ul {
        font-size: 0;
        text-align: center; }
        #game-info .sec3 .list ul li {
          display: inline-block;
          width: 48.8%;
          margin-right: 2.4%;
          margin-bottom: 2.4%; }
      #game-info .sec3 .list p {
        font-size: 2.5vw; }
  #game-info .sec4 {
    background: url("../img/info/bg_sec4-sp.png") no-repeat bottom center #fff;
    background-size: cover;
    padding-bottom: 3.2%; }
    #game-info .sec4 h3 {
      margin-bottom: 2%; }
    #game-info .sec4 .period {
      margin-bottom: 8.8%; }
    #game-info .sec4 .image {
      margin-bottom: 4.2%; }
  #game-info .sec5 {
    background: url("../img/info/bg_sec5-sp.png") no-repeat bottom center #fff;
    background-size: cover;
    padding-bottom: 3.2%; }
    #game-info .sec5 h3 {
      margin-bottom: 2%; }
    #game-info .sec5 .period {
      margin-bottom: 8.8%; }
    #game-info .sec5 h4 {
      margin-bottom: 3%; }
    #game-info .sec5 .txt:nth-of-type(5), #game-info .sec5 .txt:nth-of-type(8) {
      padding-top: 1.5%; } }
/*-----------------------------------------------
new-info
-----------------------------------------------*/
#new-info {
  margin-bottom: 160px; }
  #new-info .info-list ul {
    font-size: 0;
    text-align: center; }
    #new-info .info-list ul li {
      display: inline-block;
      width: 536px;
      margin: 0 14px 50px; }
      #new-info .info-list ul li a {
        display: block;
        text-decoration: none; }
        #new-info .info-list ul li a:hover .image img {
          transform: scale(1.1); }
      #new-info .info-list ul li .image {
        overflow: hidden;
        height: 402px; }
        #new-info .info-list ul li .image img {
          transition: all 0.3s ease; }
      #new-info .info-list ul li p {
        display: table-cell;
        background-color: #fff;
        font-size: 29px;
        width: 536px;
        height: 148px;
        color: #0f48d7;
        vertical-align: middle;
        padding: 0 25px; }

@media only screen and (max-width: 768px) {
  #new-info {
    margin-bottom: 5%; }
    #new-info .info-list ul {
      margin: 0 2.5%; }
      #new-info .info-list ul li {
        width: 48.6%;
        margin: 0 2.5% 7.8% 0; }
        #new-info .info-list ul li:nth-of-type(2n) {
          margin-right: 0; }
        #new-info .info-list ul li .image {
          height: 34.6vw; }
        #new-info .info-list ul li p {
          display: table-cell;
          background-color: #fff;
          font-size: 3.13vw;
          width: 100vw;
          height: 19vw;
          color: #0f48d7;
          vertical-align: middle;
          padding: 0 5%; } }