@charset "utf-8";
.cont__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cont__center > * {
  min-height: 0%;
}

.mv__container, .cont__container, .cont__container--small {
  box-sizing: content-box !important;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 768px) {
  .mv__container, .cont__container, .cont__container--small {
    max-width: 100%;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
  }
}

.cont__container--small {
  max-width: 1160px;
}
@media screen and (max-width: 768px) {
  .cont__container--small {
    max-width: 89.3333333333vw;
  }
}

.link {
  color: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
.link:hover {
  opacity: 0.7;
}

/* common:start */
[v-cloak] {
  display: none;
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .spOnly {
    display: none !important;
  }
}

#str-main {
  background-color: #d80c18;
  overflow-x: hidden;
  margin-bottom: 20px;
}

.cont picture {
  display: block;
}
.cont__title {
  width: 100%;
  margin-bottom: 6.6666666667%;
}
@media screen and (max-width: 768px) {
  .cont__title {
    margin-bottom: 11.2676056338%;
  }
}

/* common:end */
/* mv:start */
.mv__container {
  padding-left: 0;
  padding-right: 0;
}
.mv__term {
  background-color: #f8d675;
}

/* mv:end */
/* prize:start */
.prize {
  padding-top: 100px;
}
@media screen and (max-width: 1360px) {
  .prize {
    padding-top: 7.3529411765vw;
  }
}
@media screen and (max-width: 768px) {
  .prize {
    padding-top: 12%;
  }
}
.prize__container {
  width: 100%;
  border: 4px solid #fed33c;
}
@media screen and (max-width: 1360px) {
  .prize__container {
    border-width: 0.2941176471vw;
  }
}
@media screen and (max-width: 768px) {
  .prize__container {
    border-width: 0.2666666667vw;
  }
}
.prize__content {
  width: 96.6666666667%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.3333333333%;
  padding-bottom: 6.3333333333%;
}
@media screen and (max-width: 768px) {
  .prize__content {
    width: 94.3661971831%;
    padding-top: 2.5352112676%;
    padding-bottom: 10.985915493%;
  }
}
.prize__red {
  width: 100%;
  position: relative;
}
.prize__text {
  width: 100%;
}
.prize__image {
  width: 48.5344827586%;
  position: absolute;
  top: -8.875739645%;
  right: -9.1379310345%;
}
@media screen and (max-width: 768px) {
  .prize__image {
    width: 45.671641791%;
    top: -9.3495934959%;
    right: -5.9701492537%;
  }
}

/* prize:end */
/* howto:start */
.howto {
  padding-top: 120px;
}
@media screen and (max-width: 1360px) {
  .howto {
    padding-top: 8.8235294118vw;
  }
}
@media screen and (max-width: 768px) {
  .howto {
    padding-top: 21.3333333333%;
  }
}
.howto__text:not(:last-child) {
  margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
  .howto__text:not(:last-child) {
    margin-bottom: 8.4507042254%;
  }
}

/* howto:end */
.rule__terms-cont > dd, .rule__terms-cont > dt {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .rule__terms-cont > dd, .rule__terms-cont > dt {
    font-size: 1.3rem;
    line-height: 1.4615384615;
  }
}

/* rule:start */
.rule {
  padding-top: 120px;
}
@media screen and (max-width: 1360px) {
  .rule {
    padding-top: 8.8235294118vw;
  }
}
@media screen and (max-width: 768px) {
  .rule {
    padding-top: 21.3333333333%;
  }
}
.rule__content {
  width: 100%;
  border: 6px solid rgba(20, 20, 20, 0.2);
  padding: 1px;
}
@media screen and (max-width: 768px) {
  .rule__content {
    border-width: 3px;
  }
}
.rule__terms {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.rule__terms-cont {
  width: 91.2310286678%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .rule__terms-cont {
    width: 94.0170940171%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.rule__terms-cont > dt {
  color: #f5cf78;
}
.rule__terms-cont > dd {
  color: #ffffff;
}
.rule__terms-cont > dd:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .rule__terms-cont > dd:not(:last-child) {
    margin-bottom: 20px;
  }
}
.rule__terms-sub:not(:last-child), .rule__terms-list:not(:last-child), .rule__terms-text:not(:last-child) {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .rule__terms-sub:not(:last-child), .rule__terms-list:not(:last-child), .rule__terms-text:not(:last-child) {
    margin-bottom: 15px;
  }
}
.rule__terms-list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.rule__terms .mod-link-text {
  text-indent: 0;
}

/* rule:end */
/* contact:start */
.contact {
  padding-top: 120px;
}
@media screen and (max-width: 1360px) {
  .contact {
    padding-top: 8.8235294118vw;
  }
}
@media screen and (max-width: 768px) {
  .contact {
    padding-top: 21.3333333333%;
  }
}
.contact__text {
  width: 52.0833333333%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .contact__text {
    width: 100%;
  }
}

/* contact:end */