@charset "utf-8";

/*----------------------------------------------------------------------------
01：base
----------------------------------------------------------------------------*/

html,
body {
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1.3;
}

/* link */

a {
  text-decoration: none;
  outline: none;
 /* transition:all 0.3s ease; */;
}

a:hover {
  text-decoration: underline;
  opacity: .8;
}

a:hover img {
 /* opacity: 0.8; */;
}

*:focus {
  -moz-outline-style: none;
}

sup {
  font-size: smaller;
  line-height: none;
  vertical-align: super;
}

sub {
  font-size: smaller;
  line-height: none;
  vertical-align: sub;
}

/* img */

img {
  line-height: 1;
  vertical-align: middle;
}

input,
button {
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* IE8+, Chrome */

input,
button {
  outline: 0;
}

/* Firefox */

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}

/*----------------------------------------------------------------------------
01：html bofy
----------------------------------------------------------------------------*/

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  position: relative;
  min-width: 1280px;
  margin: 0 auto;
  background: #000;
 /* overflow-x:hidden; */;
}

/*----------------------------------------------------------------------------

----------------------------------------------------------------------------*/

* {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.ispc {
  display: block;
}

.issp {
  display: none;
}

.m-f {
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;
}

.header {
  width: 100%;
  padding: 7px 0 36px;
  background: #000 url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_header_btm.jpg) repeat-x center bottom;
}

.header .l-column02 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
 /* >div:first-child{
      @include tablet{
        width: 50%;
        margin: 0 0 10px;
      }
    } */;
}

.header ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header ul li {
  height: 20px;
  margin: 0 5px;
}

.loading {
  overflow-x: hidden;
}

.contents {
  visibility: hidden;
}

.loaded {
  visibility: visible;
}

.main {
  width: 100%;
  height: 1247px;
  background: #571814 url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_main.jpg) no-repeat center top;
 /* display: none; */;
}

.main .logo {
  position: absolute;
  top: 585px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.main .logo img {
  padding: 0 0 0 60px;
}

.main .badge {
  position: absolute;
  top: 120px;
  left: 40px;
}

.main .kaishi {
  position: absolute;
  top: 200px;
  right: 0;
}

.main .player {
  position: absolute;
  top: 280px;
  left: -170px;
}

.main .btnset {
  position: absolute;
  z-index: 1;
  top: 884px;
  left: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main .btnset div {
  margin: 0 12px;
}

.main .btnset div a {
  display: block;
}

.main .sr {
  position: absolute;
  top: 580px;
  right: 25px;
}

.main .timeline {
  position: absolute;
  top: 684px;
  width: 319px;
  height: 327px;
  padding: 45px 20px 0;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_twitter.png) no-repeat left top;
}

.main .timeline a {
  color: #fff !important;
}

.twitter-timeline {
  height: 265px;
  color: #fff !important;
}

.jizen {
  position: relative;
  padding: 0 0 200px;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_fire.png) repeat-x center bottom, url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_regist.png) no-repeat center top, url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_01.jpg) no-repeat center top;
  background-size: auto,cover,cover;
}

.jizen .ttl {
  position: absolute;
  top: -300px;
  overflow: hidden;
  width: 100%;
  height: 525px;
  white-space: nowrap;
  text-indent: 100%;
  pointer-events: none;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/ttl_01_pc.png) no-repeat center top;
}

.jizen .l-column01 {
 /*  @include tablet{
     padding: 20% 0 0;
   } */;
}

.l-column01 {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  text-align: center;
}

.l-column01-01 {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  text-align: center;
}

.l-column02 {
  position: relative;
  width: 950px;
  margin: 0 auto;
  text-align: center;
}

.m-btnset {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 775px;
  height: auto;
  margin: 0 auto 40px;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_btn_set.png) no-repeat left top;
  padding-bottom: 20px;
  background-size: 775px 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-btnset .btn01 {
  margin: -15px 12px 0;
}

.m-btnset .btn01 a {
  display: block;
}

.m-btnset .btn02 {
  margin: -15px 0 0;
}

.m-btnset ul {
  font-size: 1.3rem;
  text-align: left;
  color: #fff;
}

.m-btnset ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.m-btnset p {
  font-size: 1.3rem;
  text-align: left;
  color: #fff;
}

.campaign {
  position: relative;
  padding: 0 0 190px;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_02.jpg) no-repeat center top;
  background-size: cover;
}

.campaign .ttl {
  position: absolute;
  top: -350px;
  overflow: hidden;
  width: 100%;
  height: 700px;
  white-space: nowrap;
  text-indent: 100%;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/ttl_02_pc.png) no-repeat center top;
}

.campaign .txt {
  padding: 170px 0 0;
}

.m-btnset02 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 777px;
  height: 180px;
  margin: 60px auto 40px;
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_btn_set_02_pc.png) no-repeat left top;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-btnset02 .btn01 {
  margin: -60px 12px 0;
}

.m-attention {
  width: 936px;
  margin: 0 auto;
 /*  padding: 80px 0 55px; */
  color: #fff;
}

.m-attention .text {
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_attention_middle_pc.png) repeat-y center top;
}

.m-attention .text .title {
  font-size: 2.4rem;
  margin: 0 20px 15px;
  padding: 0 0 10px;
  border-bottom: 1px solid #fff;
}

.m-attention .text ul {
  font-size: 1.4rem;
  padding: 0 20px;
  text-align: left;
}

.m-attention .text ul li {
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}

.m-attention .text .list01 {
  margin: 0 0 40px;
}

.m-attention .text .list02 {
  margin: 0 0 20px;
}

.m-attention .text a {
  text-decoration: underline;
  color: #ffd200;
}

.m-attention .text a:hover {
  text-decoration: none;
}

.footer {
  font-size: 1.3rem;
  width: 100%;
  padding: 29px 0 1px;
  text-align: center;
  color: #fff;
  background: #000 url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_header_btm.jpg) repeat-x center top;
}

.footer > p {
  display: block;
  margin: 20px auto;
}

.footer > p span {
  margin: 0 0 0 30px;
}

#step {
  position: relative;
  display: inline-block;
}

.achieve {
  position: absolute;
}

.achieve1 {
  top: 0;
  left: 0;
}

.achieve2 {
  top: 220px;
  left: 157px;
}

.achieve3 {
  top: 447px;
  left: -96px;
}

.achieve4 {
  top: 693px;
  left: 157px;
}

.achieve5 {
  top: 924px;
  left: -96px;
}

.sns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sns li {
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 4px;
}

.sns li img {
  width: 40px;
  height: 40px;
}

.bounceInLeft,
.bounceInRight,
.fadeInUp,
.fadeInUpDelay,
.fadeInDown,
.fadeInUpD,
.fadeInLeft,
.fadeInRight,
.bounceInDown,
.zoomInUp {
  visibility: visible;
}

.delay-01s {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

.delay-02s {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.delay-03s {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

.delay-04s {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

.delay-05s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.delay-06s {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.delay-07s {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}

.delay-08s {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.delay-09s {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}

.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wpcf7-validation-errors {
  display: none !important;
}

input.wpcf7-submit {
  background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/btn_mail_pc.png) left top no-repeat;
  background-size: 558px 99px;
  width: 558px;
  height: 99px;
  border: none;
  margin: 10px auto;
}

input.wpcf7-submit:hover {
 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}

form span.ajax-loader {
  display: none !important;
}

.m-btnset form p {
  text-align: center;
  margin-top: 20px;
}

.m-btnset form p .wpcf7-validates-as-email {
  width: 548px;
}

.m-btnset form p .wpcf7-not-valid-tip {
  margin-bottom: -20px;
  margin-top: 10px;
}

.m-btnset form .wpcf7-response-output {
  margin: auto;
  margin-bottom: 10px;
  color: white;
}

@media only screen and (max-width: 940px) {

  img {
    width: 100%;
  }

  body {
    overflow-x: hidden;
    width: 100%;
    min-width: 100%;
  }

  .ispc {
    display: none;
  }

  .issp {
    display: block;
  }

  .header .l-column02 {
    width: calc(100% - 20px);
  }

  .main {
    height: auto;
    padding: 0 0 20%;
    background: #571814 url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_main_sp.jpg) no-repeat center top;
    background-size: cover;
 /* padding-top: 183%; */;
  }

  .main .logo {
    position: relative;
    z-index: 1;
 /* left:0; */
    top: inherit;
 /* transform:none; */
    bottom: inherit;
    width: 90%;
    padding: 107% 0 0;
  }

  .main .logo img {
    padding: 0;
  }

  .main .badge {
    position: absolute;
    top: 15%;
    left: 20px;
    width: 25%;
  }

  .main .kaishi {
    top: 8%;
    right: 10%;
    width: 16%;
  }

  .main .player {
    position: relative;
    top: inherit;
    left: inherit;
    overflow: hidden;
    margin: -98% 0 0 -25%;
  }

  .main .player img {
    width: 116%;
    padding: 0 25% 0 0;
  }

  .main .btnset {
    position: relative;
    top: inherit;
    margin: -5% 0 0;
  }

  .jizen {
    padding: 0 0 20%;
    background-size: auto,cover,cover;
  }

  .jizen .ttl {
    top: -5%;
    height: 0;
    padding-top: 40%;
    background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/ttl_01_sp.png) no-repeat center top;
    background-size: contain;
  }

  .jizen .l-column01 .text img {
    width: 120%;
    margin: 0 0 0 -5%;
  }

  .l-column01 {
    width: 100%;
    max-width: 767px;
  }

  .l-column01-01 {
    width: 100%;
    max-width: 940px;
  }

  .l-column02 {
    width: 100%;
  }

  .m-btnset {
    width: calc(100% - 10px);
    height: auto;
    margin: 0 auto 10%;
    background: none;
  }

  .m-btnset .btn01 {
    width: calc(50% - 10px);
    margin: 0 5px 20px;
  }

  .m-btnset .btn02 {
    width: calc(100% - 10px);
    margin: 0 0 20px;
  }

  .m-btnset ul {
    font-size: 1.2rem;
    width: calc(100% - 10px);
  }

  .campaign {
    padding: 0 0 0;
    background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_02_sp.jpg) no-repeat center bottom;
    background-size: cover;
  }

  .campaign .ttl {
    top: -5%;
    height: 0;
    padding-top: 44%;
    background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/ttl_02_sp.png) no-repeat center top;
    background-size: contain;
  }

  .campaign .txt {
    overflow-x: hidden;
    margin: 0 0 0 -10%;
    padding: 25% 4% 0 0;
  }

  .campaign .txt img {
    width: auto;
  }

  .campaign .txt img {
    width: 114%;
  }

  .m-btnset02 {
    width: 100%;
    height: auto;
    margin: 10% auto;
    background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_btn_set_02_sp.png) no-repeat left top;
    background-size: contain;
  }

  .m-btnset02 .btn01 {
    width: calc(50% - 12px);
    margin: 0 6px 20px;
    -webkit-transform: translateY(-33%);
    -ms-transform: translateY(-33%);
    transform: translateY(-33%);
  }

  .m-attention {
    width: 96%;
    margin: -13% auto 0;
 /* padding:10.6% 0; */ /* width: calc(100% - 20px); */ /* background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_attention_top_sp.png) no-repeat center top, url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_attention_bottom_sp.png) no-repeat center bottom;
    background-size: contain; */;
  }

  .m-attention .text {
    background: rgba(0, 0, 0, .5) url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/bg_attention_middle_sp.png) repeat-y center top;
    background-size: contain;
  }

  .m-attention .text .title {
    font-size: 1.4rem;
  }

  .m-attention .text .title img {
    width: 90%;
  }

  .m-attention .text ul {
    font-size: 1.2rem;
  }

  .footer {
    background: #000;
  }

  .footer > p span {
    margin: 0;
  }

  .achieve {
    width: 20%;
  }

  .achieve1 {
    top: -3%;
  }

  .achieve2 {
    top: 14.5%;
    left: 0;
  }

  .achieve3 {
    top: 32%;
    left: 0;
  }

  .achieve4 {
    top: 49.5%;
    left: 0;
  }

  .achieve5 {
    top: 67%;
    left: 0;
  }
  
  .m-btnset .mail-form {
    width:100%;
  }
  
  .m-btnset .mail-form .your-email {
    margin-bottom: -5px;
    display: block;
  }

  input.wpcf7-submit {
    background: url(https://d2qxizyk3a35fv.cloudfront.net/wp-content/uploads/sites/2/btn_mail_sp.png) top no-repeat;
    background-size: calc(100% - 10px) auto;
    width: calc(100% - 10px);
    htight: 112px;
    border: none;
    margin: 0;
    margin-bottom: 10px;
  }
  
  .m-btnset form p {
    text-align: center;
    margin-top: 10px;
  }

.m-btnset form p .wpcf7-validates-as-email {
  width: calc(100% - 10px);
}

.m-btnset form p .wpcf7-not-valid-tip {
  margin: 10px auto;
}

.m-btnset form .wpcf7-response-output {
  margin: auto;
  margin-bottom: 10px;
  color: white;
}
  
  
}

@media only screen and (max-width: 768px) {

  .header {
    padding: 12px 0 24px;
    background-size: 46px;
  }

  .jizen .l-column01 .text {
    overflow-x: hidden;
  }

  .l-column01-01 {
    width: 100%;
    max-width: auto;
  }

  .campaign .txt {
    margin: 0 0 0 -15%;
    padding: 15% 0 0;
  }

  .m-attention .text .title img {
    width: 100%;
  }
}