@charset "UTF-8";
/* float
------------------------------------------------------------------*/
/* line 8, ../scss/style.scss */
.flL {
  float: left; }

/* line 9, ../scss/style.scss */
.flR {
  float: right; }

/* clearfix
------------------------------------------------------------------*/
/* line 15, ../scss/style.scss */
.clear {
  clear: both; }

/* line 18, ../scss/style.scss */
.clearfix {
  zoom: 1;
  _height: 1%; }

/* line 21, ../scss/style.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* 透過ボタン
------------------------------------------------------------------*/
/* line 31, ../scss/style.scss */
a img.btn {
  filter: alpha(opacity=100);
  opacity: 1.0;
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1.0;
  -moz-opacity: 1.0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }

/* line 43, ../scss/style.scss */
a:hover img.btn {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; }

/* body
------------------------------------------------------------------*/
/* line 60, ../scss/style.scss */
body {
  background-image: url(../img/bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-width: 1200px;
  font-size: 14px;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  @media only screen and (max-width: 1200px) {
    body {
      background-size: auto;
    }
  }
  /* line 67, ../scss/style.scss */
  body #gungho {
    width: 100%;
    height: 31px;
    background: #fff;
    border-bottom: 4px solid #ccc; }
    /* line 73, ../scss/style.scss */
    body #gungho .inner {
      width: 1000px;
      height: 31px;
      margin: 0 auto;
      position: relative; }
      /* line 79, ../scss/style.scss */
      body #gungho .inner #ragnarok {
        position: absolute;
        top: 0;
        left: 0; }
      /* line 85, ../scss/style.scss */
      body #gungho .inner #roInfo {
        position: absolute;
        overflow: hidden;
        top: 0;
        right: 0;
        font-size: 12px;
        line-height: 31px; }
        /* line 93, ../scss/style.scss */
        body #gungho .inner #roInfo li {
          float: left;
          margin-right: 15px; }
          /* line 97, ../scss/style.scss */
          body #gungho .inner #roInfo li a {
            color: #555; }
  /* line 105, ../scss/style.scss */
  body .wrap-fir {
    /* background-color: #0069cd; */
    background-image: url(../img/20th_BG.png);
    background-size: contain;
    background-repeat: no-repeat, repeat-x;
    background-position: center top, top;
    text-align: center; }
    /* line 112, ../scss/style.scss */
    body .wrap-fir .visual{
      max-width: 100%;
    }
    body .wrap-fir .c1 img {
      padding: 0;
      margin: 0;
      line-height: 0;
      vertical-align: bottom;
      margin: -1px;
    }
    body .wrap-fir .c2 {
      padding-bottom: 48px; }
      /* line 115, ../scss/style.scss */
      body .wrap-fir .c2 div:first-child {
        padding: 27px 0 50px;
        background: url(../img/c2_bg01.png) center top no-repeat; }
  /* line 122, ../scss/style.scss */
  body .wrap-sec {
    /* padding-bottom: 52px;
    padding-top: 8px; */
    background-color: #83d6fc;
    text-align: center; }
    /* line 127, ../scss/style.scss */
    body .wrap-sec .c3 {
      width: 1200px;
      margin: 0 auto;
      position: relative; }
      /* line 132, ../scss/style.scss */
      body .wrap-sec .c3 > img {
        margin-top: -40px; }
      /* line 136, ../scss/style.scss */
      body .wrap-sec .c3 > div {
        position: absolute; }
        /* line 139, ../scss/style.scss */
        body .wrap-sec .c3 > div.c3_btn01 {
          top: 80px;
          left: 446px; }
        /* line 140, ../scss/style.scss */
        body .wrap-sec .c3 > div.c3_btn02 {
          top: 242px;
          left: 446px; }
        /* line 141, ../scss/style.scss */
        body .wrap-sec .c3 > div.c3_txt02 {
          top: 329px;
          left: 525px;
          color: #c1c1c1;
          font-size: 16px; }
        /* line 142, ../scss/style.scss */
        body .wrap-sec .c3 > div.c3_btn03 {
          top: 898px;
          left: 647px; }
        /* line 143, ../scss/style.scss */
        body .wrap-sec .c3 > div.c3_btn04 {
          top: 362px;
          left: 794px; }
        /* line 144, ../scss/style.scss */
        body .wrap-sec .c3 > div.c3_btn05 {
          top: 446px;
          left: 794px; }

        body .wrap-sec .c3 > div.c3_btn06 {
          top: 529px;
          left: 794px; }
  
  /* line 149, ../scss/style.scss */
  body .wrap-thi {
    padding-bottom: 110px;
    /* background-color: #0069cd; */
    text-align: center; }
    /* line 156, ../scss/style.scss */
    body .wrap-thi .c4 > div {
      padding-top: 34px; }
      /* line 159, ../scss/style.scss */
      body .wrap-thi .c4 > div > div {
        width: 960px;
        margin: 0 auto;
        position: relative; }
        /* line 164, ../scss/style.scss */
        body .wrap-thi .c4 > div > div > div {
          position: absolute; }
          /* line 169, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-1_btn01 {
            top: 193px;
            left: 650px; }
          /* line 170, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-1_btn02 {
            top: 193px;
            left: 10px; }
          /* line 171, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-1_btn03 {
            top: 193px;
            left: 330px; }
          /* line 174, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-2_btn01 {
            top: 113px;
            left: 10px; }
          /* line 175, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-2_btn02 {
            top: 113px;
            left: 330px; }
          /* line 176, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-2_btn03 {
            top: 113px;
            left: 650px; }
          /* line 179, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-3_btn01 {
            top: 12px;
            left: 61px; }
          /* line 180, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-3_btn02 {
            top: 12px;
            left: 497px; }
          /* line 181, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-3_btn03 {
            top: 140px;
            left: 61px; }
          /* line 182, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-3_btn04 {
            top: 140px;
            left: 497px; }
          /* line 185, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-4_btn01 {
            top: 13px;
            left: 48px; }
          /* line 186, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-4_btn02 {
            top: 63px;
            left: 368px; }
          /* line 187, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-4_btn03 {
            top: 63px;
            left: 687px; }
          /* line 188, ../scss/style.scss */
          body .wrap-thi .c4 > div > div > div.c4-4_btn04 {
            top: 63px;
            left: 724px; }
  /* line 197, ../scss/style.scss */
  body #footer {
    padding-top: 30px;
    background: #110b06 url(../img/footer/footer_bg01.png) 0 0 repeat-x;
    border-top: 2px groove #333; }
    /* line 201, ../scss/style.scss */
    body #footer h2 {
      text-align: center;
      padding: 15px 0; }
    /* line 205, ../scss/style.scss */
    body #footer ul {
      width: 940px;
      margin: 30px auto 0;
      font-size: 0; }
      /* line 209, ../scss/style.scss */
      body #footer ul li {
        width: 306px;
        margin-left: 11px;
        display: inline-block;
        vertical-align: top; }
        /* line 214, ../scss/style.scss */
        body #footer ul li:first-child {
          margin-left: 0; }
          /* line 216, ../scss/style.scss */
          body #footer ul li:first-child .thumb img {
            width: auto;
            height: auto; }
        /* line 221, ../scss/style.scss */
        body #footer ul li .thumb {
          width: 306px;
          height: 320px;
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
          /* line 227, ../scss/style.scss */
          body #footer ul li .thumb img {
            width: 100%;
            height: auto; }
        /* line 232, ../scss/style.scss */
        body #footer ul li h3 {
          margin-left: -12px; }
        /* line 235, ../scss/style.scss */
        body #footer ul li p {
          color: #fff;
          font-size: 14px;
          line-height: 22px; }
    /* line 242, ../scss/style.scss */
    body #footer .startRO {
      text-align: center;
      padding: 40px 0; }
      /* line 245, ../scss/style.scss */
      body #footer .startRO p {
        padding-top: 10px;
        font-size: 14px; }
        /* line 248, ../scss/style.scss */
        body #footer .startRO p a {
          text-decoration: underline;
          color: #fff; }
          /* line 251, ../scss/style.scss */
          body #footer .startRO p a:hover {
            filter: alpha(opacity=70);
            opacity: 0.7;
            -ms-filter: "alpha(opacity=70)";
            -khtml-opacity: 0.7;
            -moz-opacity: 0.7; }
    /* line 261, ../scss/style.scss */
    body #footer .line {
      text-align: center; }
    /* line 264, ../scss/style.scss */
    body #footer .f-sns {
      margin: 0 auto;
      padding: 35px 0;
      width: 655px;
      font-size: 0; }
      /* line 269, ../scss/style.scss */
      body #footer .f-sns li {
        display: inline-block;
        margin-left: 55px;
        width: 300px; }
        /* line 273, ../scss/style.scss */
        body #footer .f-sns li:first-child {
          margin-left: 0; }
    /* line 278, ../scss/style.scss */
    body #footer .credit {
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #5a5a5a;
      padding: 15px 0 80px; }
  /* line 288, ../scss/style.scss */
  body .reTop {
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 999; }

/* line 297, ../scss/style.scss */
.ml-40 {
  /* margin-left: -40px;  */
}

/* line 298, ../scss/style.scss */
.h244 {
  height: 120px; 
}

.c3_txt02 a {
  color: #000;
}

.c3 img {
  width: 100%;
}

.c5 {
  margin-right: 60px;
  margin-top: 12px;
}

.c5 img {
  width: 100%;
  max-width: 1100px;
}