@charset "UTF-8";
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  background: 0 0;
  border: 0;
  outline: 0
}
body {
  line-height: 1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}
li,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote::after,
blockquote::before,
q::after,
q::before {
  content: none
}
a,
em,
i,
small,
span,
strong {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}
ins {
  color: #000;
  text-decoration: none;
  background-color: #ff9
}
mark {
  font-style: italic;
  font-weight: 700;
  color: #000;
  background-color: #ff9
}
del {
  text-decoration: line-through
}
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted
}
table {
  border-spacing: 0;
  border-collapse: collapse
}
hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid #ccc
}
input,
select {
  vertical-align: middle
}
:root {
  --white: #fff;
  --black: #000;
  --pink: #c93b55;
  --pink2: #f46;
  --gray: #818181;
  --bg: #f4f4ef;
  --body: clamp(0.813rem, 0.715rem + 0.48vw, 1.125rem);
  --breakPointSp: 599;
  --breakPointTb: 1024;
  --breakPointPc: 1366;
  --breakPointPcInner: 1293
}
html {
  font-family: "Noto Serif JP","メイリオ",Meiryo,sans-serif;
  line-height: 1.6;
  color: #000;
  word-wrap: break-word;
  background-color: var(--bg);
  scroll-behavior: smooth
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: var(--body);
  line-height: 1.6;
  -webkit-text-size-adjust: 100%
}
a {
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}
a:hover {
  text-decoration: none;
  opacity: .8
}
img {
  max-width: 100%;
  vertical-align: bottom
}
@media screen and (max-width:599px) {
  img {
    width: 100%
  }
}
strong {
  font-weight: 700
}
input {
  padding: 0;
  background: 0 0;
  border: none
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  padding: 6px;
  font-family: "Noto Serif JP","メイリオ",Meiryo,sans-serif;
  vertical-align: bottom;
  background-color: #fff;
  border: solid 1px #c9c9c9
}
input[type=date]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #e2e2e2
}
input[type=date]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #e2e2e2
}
input[type=date]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #e2e2e2
}
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  background-color: #eef4fb
}
input[type=checkbox],
input[type=radio] {
  margin: 0;
  vertical-align: -1px
}
input[type=button],
input[type=submit] {
  font-family: "Noto Serif JP","メイリオ",Meiryo,sans-serif;
  vertical-align: bottom;
  cursor: pointer;
  -webkit-appearance: none
}
textarea {
  vertical-align: bottom;
  resize: vertical
}
em {
  font-style: italic
}
sup {
  font-size: .5em;
  vertical-align: super
}
sub {
  font-size: .5em;
  vertical-align: sub
}
blockquote {
  position: relative;
  padding: 1em 1em 1em 3em;
  background-color: #eeefff;
  border-left: 3px solid #666
}
blockquote::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 600%;
  line-height: 1em;
  color: #999;
  content: "“"
}
::-moz-selection {
  background: #d4dcd6
}
::selection {
  background: #d4dcd6
}
::-moz-selection {
  background: #d4dcd6
}
.l-block--bg {
  background-color: #f7f7f7
}
.l-event {
  padding-bottom: calc(80 / var(--breakPointPcInner) *100%);
  text-align: center;
  background-image: url(/g-witch-nazotoki/assets/img/bg_event.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
@media screen and (max-width:599px) {
  .l-event {
    padding-bottom: calc(80 / var(--breakPointSp) *100%);
    background-image: url(/g-witch-nazotoki/assets/img/bg_event--sp.jpg);
    background-position: center top
  }
}
.l-event__btn {
  width: calc(447 / var(--breakPointPcInner) * 100%);
  padding-top: calc(80 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media screen and (max-width:599px) {
  .l-event__btn {
    width: 100%;
    padding-top: calc(60 / var(--breakPointSp) *100%)
  }
}
.l-event__btnNote {
  padding-top: calc(36 / var(--breakPointPcInner) *100%);
  font-size: clamp(.563rem,-.373rem + 1.46vw,.875rem);
  font-weight: 400;
  color: var(--white)
}
.l-event__btnNote strong {
  font-weight: 400
}
.l-event__text {
  width: calc(904 / var(--breakPointPcInner) * 100%);
  padding-top: calc(45 / var(--breakPointPcInner) *100%);
  margin: 0 auto;
  font-size: clamp(.688rem,-.061rem + 1.17vw,.938rem);
  line-height: 1.86667;
  color: var(--white);
  text-align: left
}
@media screen and (max-width:599px) {
  .l-event__text {
    width: 100%;
    padding-top: calc(46 / var(--breakPointSp) *100%);
    font-size: clamp(.688rem,.512rem + .8vw,.813rem);
    line-height: 1.76923;
    letter-spacing: .07rem
  }
}
.l-event__text h3 {
  padding-top: 4rem
}
.l-event__text ul + ul {
  padding-top: 2rem
}
@media screen and (max-width:599px) {
  .l-event__text ul.l-event__list--circle {
    padding-top: calc(36 / var(--breakPointSp) *100%)
  }
}
.l-event__text ul.l-event__list--circle li::before {
  content: "●"
}
.l-event__text li {
  position: relative;
  padding-left: 1.1rem
}
.l-event__text li::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  content: "■"
}
.l-event__text li + li {
  margin-top: calc(8 / var(--breakPointSp) *100%)
}
@media screen and (max-width:599px) {
  .l-event__text li + li {
    margin-top: calc(8 / var(--breakPointSp) *100%)
  }
}
.l-event__text li a {
  color: var(--white)
}
.l-event__text + .l-event__text {
  padding-top: calc(29 / var(--breakPointPcInner) *100%);
  margin-top: calc(36 / var(--breakPointPcInner) *100%);
  border-top: solid 1px var(--white)
}
@media screen and (max-width:599px) {
  .l-event__text + .l-event__text {
    padding-top: calc(66 / var(--breakPointSp) *100%);
    margin-top: calc(67 / var(--breakPointSp) *100%)
  }
}
.l-event__title {
  padding-top: calc(117 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media screen and (max-width:599px) {
  .l-event__title {
    padding-top: calc(90 / var(--breakPointTb) *100%)
  }
}
.l-event__title img {
  width: calc(190 / var(--breakPointPcInner) * 100%)
}
@media screen and (max-width:599px) {
  .l-event__title img {
    width: calc((196*.8)/ var(--breakPointSp) *100%)
  }
}
.l-footer {
  padding: calc(26 / var(--breakPointPcInner) *100%) 0;
  font-size: clamp(.875rem,.126rem + 1.17vw,1.125rem);
  text-align: center;
  border-top: solid 2px #000
}
@media screen and (max-width:599px) {
  .l-footer {
    padding: calc(40 / 750 * 100vw 0);
    font-size: clamp(.625rem,.449rem + .8vw,.75rem)
  }
}
.l-footer__btn {
  position: fixed;
  right: calc(17 / var(--breakPointPc) *100%);
  bottom: calc(157 / var(--breakPointPc) *100%);
  width: calc(10 / var(--breakPointPcInner) *100%)
}
@media print,
screen and (max-width:1024px) {
  .l-footer__btn {
    right: calc(17 / var(--breakPointTb) *100%);
    bottom: calc(80 / var(--breakPointTb) *100%);
    width: calc(10 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .l-footer__btn {
    right: calc(10 / var(--breakPointSp) *100%);
    bottom: calc(35 / var(--breakPointSp) *100%);
    width: calc(11 / var(--breakPointSp) *100%)
  }
}
.l-footer__btn img {
  width: 100%
}
.l-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%
}
.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.l-header__logoBox {
  display: inline-block
}
.l-header__logoBox--left {
  width: 11.71303%;
  padding-top: calc(27 / var(--breakPointPc) *100%)
}
@media print,
screen and (max-width:1024px) {
  .l-header__logoBox--left {
    width: calc(160 / var(--breakPointTb) *100%);
    padding-top: calc(27 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .l-header__logoBox--left {
    width: calc(160 / var(--breakPointSp) *100%);
    padding-top: calc(27 / var(--breakPointSp) *100%)
  }
}
.l-header__logoBox--right {
  width: 7.83309%;
  padding-top: calc(15 / var(--breakPointPc) *100%)
}
@media print,
screen and (max-width:1024px) {
  .l-header__logoBox--right {
    width: calc(107 / var(--breakPointTb) *100%);
    padding-top: calc(15 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .l-header__logoBox--right {
    width: calc(107 / var(--breakPointSp) *100%);
    padding-top: calc(15 / var(--breakPointSp) *100%)
  }
}
.l-kv__endAnnouncement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: calc(460 / var(--breakPointPcInner) *100%);
  z-index: 3;
  width: 100%;
  height: calc(780 / var(--breakPointPcInner) *100%);
  background: rgba(52,52,52,.9)
}
@media screen and (max-width:599px) {
  .l-kv__endAnnouncement {
    top: calc(570 / var(--breakPointPcInner) *100%);
    height: calc(680 / var(--breakPointPcInner) *100%)
  }
}
.l-kv__endAnnouncementText {
  color: #fff;
  font-size: clamp(1.5rem,.751rem + 1.17vw,1.75rem)
}
@media screen and (max-width:599px) {
  .l-kv__endAnnouncementText {
    font-size: clamp(1.313rem,1.222rem + .45vw,1.563rem)
  }
}
.l-kv__img {
  padding-top: calc(70 / var(--breakPointPcInner) *100%);
  -webkit-animation-name: fadeInPict;
  animation-name: fadeInPict;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.l-kv__title {
  position: relative;
  padding-top: calc(187 / var(--breakPointPc) * 100%);
  text-align: center;
  background-image: url(/g-witch-nazotoki/assets/img/bg_kv.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: calc(892/ var(--breakPointPcInner) *100%)
}
@media print,
screen and (max-width:1024px) {
  .l-kv__title {
    padding-top: calc(187 / var(--breakPointTb) * 100%);
    background-size: calc(892/ var(--breakPointTb) * 100%)
  }
}
@media screen and (max-width:599px) {
  .l-kv__title {
    padding-top: calc(210 / var(--breakPointSp) *100%);
    background-size: calc(630/ var(--breakPointSp) * 100%);
    background-position: center calc(130 / var(--breakPointSp) *100%)
  }
}
.l-kv__title::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg);
  -webkit-animation-name: fadeInAnime;
  animation-name: fadeInAnime;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.l-kv__title.is-active::after {
  opacity: .93
}
.l-kv__title img {
  width: calc(641 / var(--breakPointPcInner) * 100%);
  z-index: 3;
  position: relative;
  opacity: 0;
  -webkit-animation-name: fadeInTitle;
  animation-name: fadeInTitle;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-filter: blur(10px);
  filter: blur(10px)
}
@media print,
screen and (max-width:1024px) {
  .l-kv__title img {
    width: calc(641 / (var(--breakPointTb) * .95) * 100%)
  }
}
@media screen and (max-width:599px) {
  .l-kv__title img {
    width: 100%
  }
}
.l-kv__title img.is-active {
  -webkit-clip-path: circle(360px at 50% 50%);
  clip-path: circle(360px at 50% 50%)
}
@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0
  }
  100% {
    opacity: .93
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0
  }
  100% {
    opacity: .93
  }
}
@-webkit-keyframes clipAnime {
  0% {
    -webkit-clip-path: circle(1px at 50% 50%);
    clip-path: circle(1px at 50% 50%)
  }
  100% {
    -webkit-clip-path: circle(360px at 50% 50%);
    clip-path: circle(360px at 50% 50%)
  }
}
@keyframes clipAnime {
  0% {
    -webkit-clip-path: circle(1px at 50% 50%);
    clip-path: circle(1px at 50% 50%)
  }
  100% {
    -webkit-clip-path: circle(360px at 50% 50%);
    clip-path: circle(360px at 50% 50%)
  }
}
@-webkit-keyframes fadeInPict {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}
@keyframes fadeInPict {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}
@-webkit-keyframes fadeInTitle {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}
@keyframes fadeInTitle {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}
.l-link {
  padding-bottom: calc(80 / var(--breakPointPcInner) *100%);
  text-align: center;
  background-image: url(/g-witch-nazotoki/assets/img/bg_link.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover
}
@media screen and (max-width:599px) {
  .l-link {
    padding-bottom: calc((176*.8)/ var(--breakPointSp) *100%)
  }
}
.l-link__bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(721 / var(--breakPointPcInner) * 100%);
  padding-top: calc(22 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media screen and (max-width:599px) {
  .l-link__bnr {
    width: 100%;
    padding-top: calc(22 / var(--breakPointSp) *100%)
  }
}
.l-link__bnr a {
  width: calc(230 / 721 * 100%);
  -webkit-box-shadow: 0 0 13px -3px #bababa;
  box-shadow: 0 0 13px -3px #bababa
}
.l-link__bnr--01 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width:599px) {
  .l-link__bnr--01 a {
    width: 48%;
    margin-bottom: calc(18 / 721 *100%)
  }
}
.l-link__bnr--01 a:first-child {
  width: 100%;
  margin-bottom: calc(15 / 721 *100%)
}
@media screen and (max-width:599px) {
  .l-link__bnr--01 a:first-child {
    margin-bottom: calc(18 / 721 *100%)
  }
}
.l-link__bnr--02 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.l-link__bnr--02 a {
  margin: 0 calc(7 / 721 *100%)
}
@media screen and (max-width:599px) {
  .l-link__bnr--02 a {
    width: 48%
  }
}
.l-link__heading4Title {
  margin-top: calc(52 / var(--breakPointPcInner) *100%);
  font-size: clamp(.875rem,.126rem + 1.17vw,1.125rem)
}
.l-link__subTitle {
  padding-top: calc(44 / var(--breakPointPcInner) *100%)
}
@media screen and (max-width:599px) {
  .l-link__subTitle {
    padding-top: calc(44 / var(--breakPointSp) *100%)
  }
}
.l-link__subTitle img {
  width: calc(186 / var(--breakPointPcInner) * 100%)
}
@media print,
screen and (max-width:1024px) {
  .l-link__subTitle img {
    width: calc(186 / var(--breakPointTb) * 100%)
  }
}
@media screen and (max-width:599px) {
  .l-link__subTitle img {
    width: calc((214*.8)/ var(--breakPointSp) *100%)
  }
}
.l-link__title {
  padding-top: calc(117 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media print,
screen and (max-width:1024px) {
  .l-link__title {
    padding-top: calc(90 / var(--breakPointTb) *100%)
  }
}
.l-link__title img {
  width: calc(136 / var(--breakPointPcInner) * 100%)
}
@media print,
screen and (max-width:1024px) {
  .l-link__title img {
    width: calc(136 / var(--breakPointTb) * 100%)
  }
}
@media screen and (max-width:599px) {
  .l-link__title img {
    width: calc((160*.8)/ var(--breakPointSp) *100%)
  }
}
.l-prize {
  padding-bottom: calc(100 / var(--breakPointPcInner) *100%);
  text-align: center;
  border-top: solid 1px #000
}
@media print,
screen and (max-width:1024px) {
  .l-prize {
    padding-bottom: calc(80 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .l-prize {
    padding-bottom: calc(90 / var(--breakPointSp) *100%)
  }
}
.l-prize__contentsBox {
  padding: 0 8% 0
}
@media screen and (max-width:599px) {
  .l-prize__contentsBox {
    padding: 0
  }
}
.l-prize__itemGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(422 / var(--breakPointPcInner) *100%) 1fr;
  grid-template-columns: calc(422 / var(--breakPointPcInner) *100%) 1fr;
  margin-top: calc(40 / var(--breakPointPcInner) *100%);
  text-align: left;
  border-top: solid 1px #000
}
@media screen and (max-width:599px) {
  .l-prize__itemGrid {
    -ms-grid-columns: calc(260 / var(--breakPointSp) *100%) 1fr;
    grid-template-columns: calc(260 / var(--breakPointSp) *100%) 1fr
  }
}
.l-prize__itemGrid > div {
  border-bottom: solid 1px #000
}
.l-prize__itemText--default {
  font-size: clamp(1.5rem,.751rem + 1.17vw,1.75rem);
  line-height: 1.5
}
@media print,
screen and (max-width:1024px) {
  .l-prize__itemText--default {
    font-size: clamp(.875rem,.521rem + .94vw,1.125rem)
  }
}
@media screen and (max-width:599px) {
  .l-prize__itemText--default {
    font-size: clamp(.625rem,.482rem + .72vw,.75rem)
  }
}
.l-prize__itemText--small {
  font-size: clamp(1rem,.251rem + 1.17vw,1.25rem);
  line-height: 1.75
}
@media print,
screen and (max-width:1024px) {
  .l-prize__itemText--small {
    font-size: clamp(.688rem,.334rem + .94vw,.938rem)
  }
}
.l-prize__itemText--xsmall {
  font-size: clamp(.875rem,.126rem + 1.17vw,1.125rem);
  line-height: 1.55556
}
@media print,
screen and (max-width:1024px) {
  .l-prize__itemText--xsmall {
    font-size: clamp(.625rem,.448rem + .47vw,.75rem)
  }
}
.l-prize__itemText--xxsmall {
  font-size: clamp(.625rem,-.124rem + 1.17vw,.875rem)
}
@media print,
screen and (max-width:1024px) {
  .l-prize__itemText--xxsmall {
    font-size: clamp(.625rem,.448rem + .47vw,.75rem)
  }
}
.l-prize__itemTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: calc(70 / 939 *100%);
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (max-width:599px) {
  .l-prize__itemTextBox {
    padding: 0 calc(42 / 386 *100%);
    background-size: cover
  }
}
.l-prize__itemTextBox--01 {
  background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg01.png)
}
@media screen and (max-width:599px) {
  .l-prize__itemTextBox--01 {
    background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg01--sp.png)
  }
}
.l-prize__itemTextBox--02 {
  background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg02.png)
}
@media screen and (max-width:599px) {
  .l-prize__itemTextBox--02 {
    background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg02--sp.png)
  }
}
.l-prize__itemTextBox--03 {
  background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg03.png)
}
@media screen and (max-width:599px) {
  .l-prize__itemTextBox--03 {
    background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg03--sp.png)
  }
}
.l-prize__itemTextBox--04 {
  background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg04.png)
}
@media screen and (max-width:599px) {
  .l-prize__itemTextBox--04 {
    background-image: url(/g-witch-nazotoki/assets/img/prize_item_bg04--sp.png)
  }
}
@media screen and (max-width:599px) {
  .l-prize__itemTextBox--04 p {
    margin-bottom: calc(20 / 386 *100%)
  }
}
.l-prize__itemTextBox > div {
  width: 100%
}
.l-prize__itemTextBox p {
  padding-top: calc(25 / var(--breakPointTb) *100%)
}
.l-prize__itemTtl {
  width: 100%
}
.l-prize__itemTtl--01 img {
  width: calc(251 / 939 *100%)
}
@media screen and (max-width:599px) {
  .l-prize__itemTtl--01 img {
    width: calc(220 / 386 *100%)
  }
}
.l-prize__itemTtl--02 img {
  width: calc(296 / 939 *100%)
}
@media screen and (max-width:599px) {
  .l-prize__itemTtl--02 img {
    width: calc(260 / 386 *100%)
  }
}
.l-prize__itemTtl--03 img {
  width: calc(212 / 939 *100%)
}
@media screen and (max-width:599px) {
  .l-prize__itemTtl--03 img {
    width: calc(250 / 386 *100%)
  }
}
.l-prize__itemTtl--04 {
  padding-top: calc(30 / var(--breakPointPcInner) *100%)
}
@media screen and (max-width:599px) {
  .l-prize__itemTtl--04 {
    padding-top: calc(90 / var(--breakPointSp) *100%)
  }
}
.l-prize__itemTtl--04 img {
  width: calc(213 / 939 *100%)
}
@media screen and (max-width:599px) {
  .l-prize__itemTtl--04 img {
    width: calc(250 / 386 *100%)
  }
}
.l-prize__itemTtl--05 img {
  width: calc(520 / 939 *100%)
}
@media screen and (max-width:599px) {
  .l-prize__itemTtl--05 img {
    width: calc(270 / 386 *100%)
  }
}
.l-prize__note {
  padding-top: calc(32 / var(--breakPointPcInner) *100%);
  padding-bottom: calc(80 / var(--breakPointPcInner) *100%);
  padding-left: 1rem;
  font-size: clamp(.75rem,.001rem + 1.17vw,1rem);
  text-align: left;
  text-indent: -1rem
}
@media print,
screen and (max-width:1024px) {
  .l-prize__note {
    padding-bottom: calc(20 / var(--breakPointTb) *100%);
    font-size: clamp(.625rem,.537rem + .24vw,.688rem)
  }
}
@media screen and (max-width:599px) {
  .l-prize__note {
    padding-bottom: calc(40 / var(--breakPointSp) *100%);
    font-size: clamp(.625rem,.553rem + .36vw,.688rem)
  }
}
.l-prize__participationGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px 16px;
  padding-top: calc(46 / var(--breakPointPcInner) *100%)
}
@media screen and (max-width:599px) {
  .l-prize__participationGrid {
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6px
  }
}
.l-prize__participationGrid > div {
  background-color: var(--white)
}
.l-prize__participationListBox {
  width: calc(1060 / var(--breakPointPcInner) * 100%);
  padding-top: calc(45 / var(--breakPointPcInner) *100%);
  margin: 0 auto;
  font-size: clamp(.688rem,-.061rem + 1.17vw,.938rem);
  text-align: left
}
@media screen and (max-width:599px) {
  .l-prize__participationListBox {
    width: 100%;
    padding-top: calc(46 / var(--breakPointSp) *100%);
    font-size: clamp(.688rem,.512rem + .8vw,.813rem);
    line-height: 1.76923;
    letter-spacing: .07rem
  }
}
.l-prize__participationListBox h3 {
  padding-top: calc(20 / var(--breakPointSp) *100%);
  margin: calc(60 / var(--breakPointPcInner) *100%) 0 calc(12 / var(--breakPointPcInner) *100%);
  border-top: solid 1px #000
}
.l-prize__participationListBox ul + ul {
  padding-top: 2rem
}
@media screen and (max-width:599px) {
  .l-prize__participationListBox ul.l-prize__list--circle {
    padding-top: calc(36 / var(--breakPointSp) *100%)
  }
}
.l-prize__participationListBox ul.l-prize__list--circle li::before {
  content: "●"
}
.l-prize__participationListBox ul.l-prize__list--circle li a {
  color: var(--pink)
}
.l-prize__participationListBox ul.l-prize__list--hint li {
  margin-bottom: .5em
}
.l-prize__participationListBox ul.l-prize__list--hint p {
  font-weight: 700
}
.l-prize__participationListBox li {
  position: relative;
  padding-left: 1.1rem
}
.l-prize__participationListBox li::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  content: "■"
}
.l-prize__participationListBox + .l-event__text {
  padding-top: calc(29 / var(--breakPointPcInner) *100%);
  margin-top: calc(36 / var(--breakPointPcInner) *100%);
  border-top: solid 1px var(--white)
}
@media screen and (max-width:599px) {
  .l-prize__participationListBox + .l-event__text {
    padding-top: calc(66 / var(--breakPointSp) *100%);
    margin-top: calc(67 / var(--breakPointSp) *100%)
  }
}
.l-prize__text {
  padding-top: calc(60 / var(--breakPointPcInner) *100%)
}
@media print,
screen and (max-width:1024px) {
  .l-prize__text {
    padding-top: calc(60 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .l-prize__text {
    padding: calc(60 / var(--breakPointSp) *100%) 0
  }
}
.l-prize__text p {
  font-size: clamp(1.5rem,.751rem + 1.17vw,1.75rem);
  font-weight: 700;
  line-height: 2.57143rem
}
@media print,
screen and (max-width:1024px) {
  .l-prize__text p {
    font-size: clamp(1rem,.646rem + .94vw,1.25rem);
    line-height: 1.8rem
  }
}
@media screen and (max-width:599px) {
  .l-prize__text p {
    font-size: clamp(1.313rem,1.222rem + .45vw,1.563rem);
    line-height: 1.38462
  }
}
.l-prize__title {
  padding-top: calc(117 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media print,
screen and (max-width:1024px) {
  .l-prize__title {
    padding-top: calc(90 / var(--breakPointTb) *100%)
  }
}
.l-prize__title img {
  width: calc(185 / var(--breakPointPcInner) * 100%)
}
@media screen and (max-width:599px) {
  .l-prize__title img {
    width: calc(150 / var(--breakPointSp) *100%)
  }
}
.l-prologue {
  padding-bottom: calc(100 / var(--breakPointPcInner) *100%);
  text-align: center
}
@media print,
screen and (max-width:1024px) {
  .l-prologue {
    padding-bottom: calc(80 / var(--breakPointTb) *100%)
  }
}
.l-prologue__btn {
  width: calc(447 / var(--breakPointPcInner) * 100%);
  padding-top: calc(80 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media screen and (max-width:599px) {
  .l-prologue__btn {
    width: 100%;
    padding-top: calc(60 / var(--breakPointSp) *100%)
  }
}
.l-prologue__btnNote {
  padding-top: calc(36 / var(--breakPointPcInner) *100%);
  font-size: clamp(.563rem,-.373rem + 1.46vw,.875rem);
  font-weight: 400
}
@media screen and (max-width:599px) {
  .l-prologue__btnNote {
    font-size: clamp(.688rem,.424rem + 1.2vw,.875rem);
    line-height: 2.15385
  }
}
.l-prologue__btnNote strong {
  font-weight: 400
}
.l-prologue__text {
  padding-top: calc(60 / var(--breakPointPcInner) *100%)
}
@media print,
screen and (max-width:1024px) {
  .l-prologue__text {
    padding-top: calc(60 / var(--breakPointTb) *100%)
  }
}
.l-prologue__text p {
  font-size: clamp(.875rem,.501rem + .58vw,1rem);
  line-height: 2rem
}
@media print,
screen and (max-width:1024px) {
  .l-prologue__text p {
    font-size: clamp(.625rem,.27rem + .95vw,.875rem)
  }
}
@media screen and (max-width:599px) {
  .l-prologue__text p {
    font-size: clamp(.688rem,.512rem + .8vw,.813rem);
    line-height: 2.15385
  }
}
.l-prologue__text p + p {
  padding-top: 2em
}
.l-prologue__title {
  padding-top: calc(117 / var(--breakPointPcInner) *100%);
  margin: 0 auto
}
@media print,
screen and (max-width:1024px) {
  .l-prologue__title {
    padding-top: calc(90 / var(--breakPointTb) *100%)
  }
}
.l-prologue__title img {
  width: calc(369 / var(--breakPointPcInner) * 100%)
}
@media screen and (max-width:599px) {
  .l-prologue__title img {
    width: calc((372*.8)/ var(--breakPointSp) *100%)
  }
}
.l-section--bg {
  background-color: #f7f7f7
}
.m-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 0;
  overflow: hidden;
  line-height: 1;
  color: var(--white)
}
@media print,
screen and (max-width:1024px) {
  .m-btn {
    padding: calc(62 / var(--breakPointTb) *100%) 0
  }
}
@media screen and (max-width:599px) {
  .m-btn {
    padding: calc(38 / var(--breakPointSp) *100%) 0
  }
}
.m-btn--left::before {
  right: auto;
  left: 0
}
.m-btn--pink {
  background-color: var(--pink)
}
.m-btn--gray {
  cursor: default;
  background-color: var(--gray)
}
.m-btn--gray::after {
  display: none!important
}
.m-btn span {
  z-index: 3;
  display: inline-block;
  font-size: clamp(1rem,.251rem + 1.17vw,1.25rem)
}
@media print,
screen and (max-width:1024px) {
  .m-btn span {
    font-size: clamp(.688rem,.334rem + .94vw,.938rem)
  }
}
@media screen and (max-width:599px) {
  .m-btn span {
    font-size: clamp(1.125rem,.598rem + 2.41vw,1.5rem)
  }
}
.m-btn::after {
  position: absolute;
  top: 0;
  left: -130%;
  width: 120%;
  height: 100%;
  content: "";
  background-color: var(--pink2);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg)
}
@-webkit-keyframes skewanime {
  100% {
    left: -10%
  }
}
@keyframes skewanime {
  100% {
    left: -10%
  }
}
@media (hover:hover) {
  .m-btn:hover {
    opacity: 1
  }
  .m-btn:hover::after {
    -webkit-animation: skewanime .5s forwards;
    animation: skewanime .5s forwards
  }
  .m-btn:hover::before {
    right: -6%
  }
}
.m-container {
  margin: 0 auto
}
.m-container__default {
  width: min(97%,1293px)
}
@media screen and (max-width:599px) {
  .m-container__default {
    width: 93%
  }
}
.p-form__btn {
  width: 70%;
  margin: 0 auto
}
@media print,
screen and (max-width:1024px) {
  .p-form__btn {
    width: 60%;
    padding: calc(107 / var(--breakPointTb) *100%) 0 0
  }
}
@media screen and (max-width:599px) {
  .p-form__btn {
    padding: calc(90 / var(--breakPointSp) *100%) 0 0
  }
}
@media print,
screen and (max-width:1024px) {
  .p-form__btn--qr {
    width: 60%;
    padding: calc(77 / var(--breakPointTb) *100%) 0 0
  }
}
@media screen and (max-width:599px) {
  .p-form__btn--qr {
    padding: calc(60 / var(--breakPointSp) *100%) 0 0
  }
}
@media print,
screen and (max-width:1024px) {
  .p-form__btnText {
    font-size: clamp(1.25rem,.719rem + 1.42vw,1.625rem)!important
  }
}
@media screen and (max-width:599px) {
  .p-form__btnText {
    font-size: clamp(.688rem,.544rem + .72vw,.813rem)!important
  }
}
@media print,
screen and (max-width:1024px) {
  .p-form__input {
    padding: calc(70 / var(--breakPointTb) *100%) 0 0
  }
}
@media screen and (max-width:599px) {
  .p-form__input {
    padding: calc(70 / var(--breakPointSp) *100%) 0 0
  }
}
@media print,
screen and (max-width:1024px) {
  .p-form__input--err {
    padding: calc(40 / var(--breakPointTb) *100%) 0 0
  }
}
@media screen and (max-width:599px) {
  .p-form__input--err {
    padding: calc(40 / var(--breakPointSp) *100%) 0 0
  }
}
.p-form__input input {
  width: 100%;
  margin: 0 auto;
  text-align: center
}
@media print,
screen and (max-width:1024px) {
  .p-form__input input {
    display: block;
    width: 60%;
    font-size: clamp(2.125rem,1.594rem + 1.42vw,2.5rem)
  }
}
@media screen and (max-width:599px) {
  .p-form__input input {
    width: 80%;
    font-size: clamp(1.438rem,1.151rem + 1.43vw,1.688rem)
  }
}
.p-form__inputErrText {
  width: 80%;
  color: var(--white);
  text-align: center;
  background-color: #e20000
}
@media print,
screen and (max-width:1024px) {
  .p-form__inputErrText {
    padding: calc(6 / var(--breakPointTb) *100%) 0;
    margin: calc(16 / var(--breakPointTb) *100%) auto calc(-40 / var(--breakPointTb) *100%);
    font-size: clamp(.625rem,.482rem + .72vw,.75rem)
  }
}
@media screen and (max-width:599px) {
  .p-form__inputErrText {
    padding: calc(6 / var(--breakPointSp) *100%) 0;
    margin: calc(16 / var(--breakPointSp) *100%) auto calc(-40 / var(--breakPointSp) *100%);
    font-size: clamp(.625rem,.482rem + .72vw,.75rem)
  }
}
.p-form__note {
  text-align: center
}
@media print,
screen and (max-width:1024px) {
  .p-form__note {
    padding: calc(34 / var(--breakPointTb) *100%) calc(180 / var(--breakPointTb) *100%) calc(50 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .p-form__note {
    padding: calc(34 / var(--breakPointSp) *100%) calc(0 / var(--breakPointSp) *100%) 0;
    font-size: clamp(.563rem,.491rem + .36vw,.625rem)
  }
}
.p-form__qrBox {
  margin: 0 auto 20px;
  text-align: center;
  background-color: var(--white);
  border: solid 1px #000
}
@media print,
screen and (max-width:1024px) {
  .p-form__qrBox {
    width: 70%;
    padding: calc(28 / var(--breakPointTb) *100%) 0
  }
}
@media screen and (max-width:599px) {
  .p-form__qrBox {
    width: 70%;
    padding: calc(14 / var(--breakPointSp) *100%) 0
  }
}
@media print,
screen and (max-width:1024px) {
  .p-form__qrBox img {
    width: calc(500 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .p-form__qrBox img {
    width: calc(400 / var(--breakPointSp) *100%)
  }
}
.p-form__textBox {
  font-size: clamp(.938rem,.722rem + 1.08vw,1.125rem);
  font-weight: 700;
  text-align: center
}
.p-form__textBox span {
  font-size: clamp(.813rem,.597rem + 1.08vw,1rem);
  font-weight: 400
}
.p-form__title {
  padding: 24px 0
}
@media print,
screen and (max-width:1024px) {
  .p-form__title {
    padding: calc(80 / var(--breakPointTb) *100%) calc(180 / var(--breakPointTb) *100%) calc(50 / var(--breakPointTb) *100%)
  }
}
@media screen and (max-width:599px) {
  .p-form__title {
    padding: calc(80 / var(--breakPointSp) *100%) calc(120 / var(--breakPointSp) *100%) calc(50 / var(--breakPointSp) *100%)
  }
}
.p-form::after {
  position: absolute;
  top: 0;
  left: -130%;
  width: 120%;
  height: 100%;
  content: "";
  background-color: var(--pink2);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg)
}
@keyframes skewanime {
  100% {
    left: -10%
  }
}
.p-form::before {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  width: calc(140 / var(--breakPointPcInner) *100%);
  height: 1px;
  content: " ";
  background-color: var(--white);
  -webkit-transition: all .5s 0s ease;
  -o-transition: all .5s 0s ease;
  transition: all .5s 0s ease
}
@media (hover:hover) {
  .p-form:hover {
    opacity: 1
  }
  .p-form:hover::after {
    -webkit-animation: skewanime .5s forwards;
    animation: skewanime .5s forwards
  }
  .p-form:hover::before {
    right: -6%
  }
}
.u-mt00 {
  margin-top: 0
}
.u-pci {
  display: inline-block
}
@media screen and (max-width:599px) {
  .u-pci {
    display: none
  }
}
.u-spi {
  display: none
}
@media screen and (max-width:599px) {
  .u-spi {
    display: inline-block
  }
}
.u-pc {
  display: block
}
@media screen and (max-width:599px) {
  .u-pc {
    display: none
  }
}
.u-sp {
  display: none
}
@media screen and (max-width:599px) {
  .u-sp {
    display: block
  }
}
/*# sourceMappingURL=index.css.map */