@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");
*,::after,::before{
  box-sizing:border-box;
  background-repeat:no-repeat;
}
::after,::before{
  vertical-align:inherit;
  text-decoration:inherit;
}
:where(:root){
  cursor:default;
  line-height:1.5;
  overflow-wrap:break-word;
  -moz-tab-size:4;
  -o-tab-size:4;
     tab-size:4;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
}
:where(body){
  margin:0;
}
:where(h1){
  margin:.67em 0;
  font-size:2em;
}
:where(dl, ol, ul) :where(dl, ol, ul){
  margin:0;
}
:where(hr){
  height:0;
  color:inherit;
}
:where(nav) :where(ol, ul){
  padding:0;
  list-style-type:none;
}
:where(nav li)::before{
  float:left;
  content:"​";
}
:where(pre){
  overflow:auto;
  font-size:1em;
  font-family:monospace, monospace;
}
:where(abbr[title]){
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
:where(b, strong){
  font-weight:bolder;
}
:where(code, kbd, samp){
  font-size:1em;
  font-family:monospace, monospace;
}
:where(small){
  font-size:80%;
}
:where(audio, canvas, iframe, img, svg, video){
  vertical-align:middle;
}
:where(iframe){
  border-style:none;
}
:where(svg:not([fill])){
  fill:currentColor;
}
:where(table){
  border-color:inherit;
  border-collapse:collapse;
  text-indent:0;
}
:where(button, input, select){
  margin:0;
}
:where(button, [type=button i], [type=reset i], [type=submit i]){
  -webkit-appearance:button;
}
:where(fieldset){
  border:1px solid #a0a0a0;
}
:where(progress){
  vertical-align:baseline;
}
:where(textarea){
  margin:0;
  resize:vertical;
}
:where([type=search i]){
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto;
}
::-webkit-input-placeholder{
  opacity:.54;
  color:inherit;
}
::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
:where(dialog){
  position:absolute;
  right:0;
  left:0;
  margin:auto;
  border:solid;
  background-color:#fff;
  padding:1em;
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  color:#000;
}

:where(dialog:not([open])){
  display:none;
}
:where(details > summary:first-of-type){
  display:list-item;
}
:where([aria-busy=true i]){
  cursor:progress;
}
:where([aria-controls]){
  cursor:pointer;
}
:where([aria-disabled=true i], [disabled]){
  cursor:not-allowed;
}
:where([aria-hidden=false i][hidden]){
  display:initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)){
  clip:rect(0, 0, 0, 0);
  position:absolute;
}
html{
  scroll-behavior:smooth;
}
body{
  font-style:normal;
  font-weight:400;
  font-family:"Noto Sans JP", sans-serif;
}

dd,dl,dt,h1,h2,h3,h4,h5,h6,p{
  margin:0;
  padding:0;
  font-size:1rem;
}

figure{
  margin:0;
  text-align:center;
}

img{
  max-width:100%;
  height:auto;
}

@keyframes splide-loading{
  0%{
    transform:rotate(0);
  }
  to{
    transform:rotate(1turn);
  }
}
.splide__track--draggable{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
       user-select:none;
}

.splide__track--fade > .splide__list > .splide__slide{
  opacity:0;
  z-index:0;
  margin:0 !important;
}

.splide__track--fade > .splide__list > .splide__slide.is-active{
  opacity:1;
  z-index:1;
}

.splide--rtl{
  direction:rtl;
}

.splide__track--ttb > .splide__list{
  display:block;
}

.splide__container{
  position:relative;
  box-sizing:border-box;
}

.splide__list{
  display:flex;
  backface-visibility:hidden;
  margin:0 !important;
  padding:0 !important;
  height:100%;
}

.splide.is-initialized:not(.is-active) .splide__list{
  display:block;
}

.splide__pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin:0;
  pointer-events:none;
}

.splide__pagination li{
  display:inline-block;
  margin:0;
  pointer-events:auto;
  line-height:1;
  list-style-type:none;
}

.splide:not(.is-overflow) .splide__pagination{
  display:none;
}

.splide__progress__bar{
  width:0;
}

.splide{
  position:relative;
  visibility:hidden;
}

.splide.is-initialized,.splide.is-rendered{
  visibility:visible;
}

.splide__slide{
  position:relative;
  flex-shrink:0;
  backface-visibility:hidden;
  box-sizing:border-box;
  margin:0;
  list-style-type:none !important;
}

.splide__slide img{
  vertical-align:bottom;
}

.splide__spinner{
  display:inline-block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  animation:splide-loading 1s linear infinite;
  contain:strict;
  margin:auto;
  border:2px solid #999;
  border-left-color:transparent;
  border-radius:50%;
  width:20px;
  height:20px;
}

.splide__sr{
  clip:rect(0 0 0 0);
  position:absolute;
  margin:-1px;
  border:0;
  padding:0;
  width:1px;
  height:1px;
  overflow:hidden;
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{
  display:none;
}

.splide__toggle.is-active .splide__toggle__pause{
  display:inline;
}

.splide__track{
  position:relative;
  z-index:0;
  overflow:hidden;
}

.splide__slide{
  border:solid #fff500;
  border-width:0 0 .2667vw;
  background-image:linear-gradient(0deg, #5c5800, #5c5800);
  background-position:0 0;
  background-size:100% 9.3333vw;
  background-repeat:no-repeat;
  background-color:#000;
  width:100%;
  height:128vw;
}

.splide__slide__container{
  height:100%;
}

.splide__arrow{
  display:grid;
  position:absolute;
  top:50%;
  place-items:center;
  transform:translateY(-50%);
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  z-index:2;
  transition:opacity .36s ease;
  border:0;
  background-color:transparent;
  padding:0;
  width:5.0667vw;
  height:35.4667vw;
}
.splide__arrow[disabled]{
  filter:grayscale(50%) brightness(.34);
}

.splide__arrow--next{
  right:0;
}

.splide__arrow--prev{
  left:0;
}

[\$2xl],[\$\$2xl],[\$\$lg],[\$\$md],[\$\$sm],[\$\$xl],[\$lg],[\$md],[\$sm],[\$xl]{
  display:none;
}

:root{
  --yellow-600:#ece84d;
  --yellow-700:#fff500;
  --yellow-800:#ffff0a;
  --yellow-900:#fffca2;
  --orange-500:#ff9300;
  --red-600:#ff1c1c;
}

body{
  background-color:#000;
  color:#fff;
}

a:where(.mailto){
  color:var(--yelllow-900);
  text-decoration:underline;
}

a:is(.mailto[disabled]){
  padding:0 .25em;
  pointer-events:none;
  text-decoration-line:line-through;
}

:where(.main-content section + section){
  margin-block-start:8.5333vw;
}

.main-content{
  background-image:url("../images/content-bg_mo.webp");
  background-position:bottom;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-color:#000;
  padding-bottom:9.8667vw;
  width:100%;
  min-height:100vh;
}

.jumbotron{
  display:grid;
  position:relative;
  grid-template-rows:auto auto;
  grid-template-columns:1fr;
  justify-content:center;
  align-items:center;
  gap:2.6667vw;
  padding:26.6667vw 0 5.6vw;
}
.jumbotron .aniv-logo{
  position:absolute;
  top:4vw;
  left:3.6vw;
  width:22.6667vw;
  height:12.6667vw;
}
.jumbotron .campaign-title,.jumbotron .wangan-logo{
  margin:0 auto;
}

.overview .desc{
  margin-block-start:4.2667vw;
}

.section-container:not(.-fill){
  margin-right:auto;
  margin-left:auto;
  box-shadow:0 .2667vw 1.6vw var(--yellow-700);
  border:1px solid var(--yellow-700);
  background-image:url("../images/section-container_bg-top.svg"), url("../images/section-container_bg-bottom.svg");
  background-position:top, bottom;
  background-size:28.2667vw 1.7333vw, 28.2667vw 1.7333vw;
  background-repeat:no-repeat, no-repeat;
  background-color:rgba(0,0,0,.7);
  padding:4.6667vw 2.6667vw 9.8667vw;
  width:92vw;
}
.section-container.-fill{
  background-image:url("../images/section-container_bg-fill.jpg");
  background-color:#000;
  padding:9.8667vw 0 12.8vw;
}
.section-container.-error{
  box-shadow:0 .2667vw 1.6vw rgba(255,28,28,.85);
  border-color:#ff1c1c;
  background-image:url("../images/section-container_error-bg-top.svg"), url("../images/section-container_error-bg-bottom.svg");
}

.heading:is(.period *){
  color:var(--yellow-600);
  font-size:5.8667vw;
}
.heading:is(.loginform *){
  font-size:4.8vw;
  text-align:center;
  text-shadow:.1333vw .1333vw 2.9333vw var(--yellow-700);
}
.heading:is(.loginform *) + .notes{
  margin-block-start:6.4vw;
}
.heading:is(.terms *){
  margin-block-start:1.75em;
}

.date:is(.period *){
  padding:4.2667vw 0;
  letter-spacing:.02em;
}

.note:is(.period *){
  font-size:3.2vw;
}
.note small{
  font-size:3.2vw;
}

.text-center{
  text-align:center;
}
.text-sm{
  line-height:1.33;
}
.text-md,.text-sm{
  font-size:3.2vw;
}
.text-lg{
  font-size:3.4667vw;
}
.text-xl{
  font-size:4vw;
}
.text-2xl{
  font-size:4.2667vw;
}
.text-3xl{
  font-size:4.5333vw;
}
.text-yellow-600{
  color:var(--yellow-600);
}
.text-yellow-700{
  color:var(--yellow-700);
}
.text-yellow-800{
  color:var(--yellow-800);
}
.text-red-600{
  color:var(--red-600);
}

.text-custom :is(.overview .image *){
  font-size:4vw;
}
.text-custom:is(.overview .desc *){
  font-weight:700;
  font-size:4.5333vw;
  line-height:1.64;
}
.text-custom:is(.accesscode-info.-confirm .desc *){
  font-size:4.8vw;
}
.text-custom:is(.navigation .button){
  font-size:4.2667vw;
}
.text-custom:is(.loginform .button){
  font-size:4.2667vw;
}
.text-custom:is(.-dummy){
  font-size:2.9333vw;
  line-height:1.6;
}
.text-custom:is(.footer-content *){
  font-size:2.9333vw;
  line-height:1.33;
}

.font-bold{
  font-weight:700;
}
.font-regular{
  font-weight:400;
}

.caption:is(.loginform *){
  font-size:3.2vw;
  line-height:2;
}

.unstyled-list{
  margin:0;
  padding:0;
  text-indent:0;
}
.unstyled-list > .item{
  padding-left:1em;
  list-style:none;
  text-indent:-1em;
}
:is(.overview .unstyled-list){
  margin-block-start:9.8667vw;
}

.button{
  display:inline-block;
  transition:filter .34s ease;
  border-width:1.3333vw;
  border-style:outset;
  border-color:#fff #a3a3a3 #a3a3a3 #fff;
  background-color:#dedede;
  padding:3.7333vw;
  width:80vw;
  color:#000;
}
.button.-dummy{
  cursor:auto;
  margin:0 .75em;
  padding:.5333vw 1.125rem;
  max-width:26.4vw;
  pointer-events:none;
}
.button.-disabled,.button.-inactive,.button[aria-disabled=true],.button[disabled]{
  filter:grayscale(45%) brightness(66.7%);
  pointer-events:none;
}
.button:where(a){
  text-decoration:none;
}
.button:where(button){
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}
.button:where(.mypage-app){
  border-color:#fffca2 #bcb500 #bcb500 #fffca2;
  background-color:var(--yellow-700);
  width:80vw;
  color:#000;
}
.button.login{
  border-color:#fffca2 #bcb500 #bcb500 #fffca2;
  background-color:var(--yellow-700);
  color:#000;
}
.button.register{
  border-color:#ffcc84 #9a5900 #9a5900 #ffcc84;
  background-color:#ff9300;
  color:#000;
}

.column{
  display:grid;
  grid-template-rows:1fr 1fr;
  grid-template-columns:1fr;
  gap:1.75rem;
}
.column:where(.loginform *){
  margin-right:auto;
  margin-left:auto;
  margin-block-start:6.4vw;
  max-width:80vw;
}
.column > .track{
  display:flex;
  flex-flow:column nowrap;
}

.terms-container{
  margin-right:auto;
  margin-left:auto;
  margin-block-start:3.7333vw;
  background-color:#000;
  padding:4.2667vw;
  width:100%;
  max-width:82.6667vw;
}
.terms-container > .scroll-wrapper{
  height:68vh;
  overflow:auto;
}
.terms-container p + p{
  margin-block-start:1.1em;
}

.information{
  margin-block-start:3.2vw;
}
.information .text-2xl{
  font-size:4vw;
  line-height:1.6;
}

.footer-content{
  border-top:.5333vw solid var(--yellow-700);
  background-color:#000;
  padding:9.8667vw 4vw 12.8vw;
}
.footer-content > .copyright{
  color:#fff;
}

.footer-content > .copyright,.slider{
  margin-right:auto;
  margin-left:auto;
  max-width:92vw;
}

.slider{
  position:relative;
  width:100%;
  min-height:128vw;
}
.slider:is(.app-proc *){
  margin-block-start:6.4vw;
}
.slider .slide-wrapper{
  margin-right:auto;
  margin-left:auto;
  max-width:81.6vw;
}
.slider .content-wrapper{
  display:grid;
  grid-template-rows:9.3333vw 1fr;
  grid-template-columns:1fr;
  height:100%;
}

.slide-title{
  display:grid;
  place-items:center start;
  padding:0 4.8vw;
}

.slide-body{
  padding:4.8vw;
  height:100%;
  color:#fff;
}
.slide-body .heading + *{
  margin-block-start:6.4vw;
}
.slide-body .column{
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:1fr;
  gap:1rem;
  height:-moz-fit-content;
  height:fit-content;
}
.slide-body .column > .item:nth-child(2){
  align-self:center;
}
.slide-body .desc{
  font-weight:700;
  font-size:3.2vw;
  line-height:2;
}
.slide-body .desc.-wide-gap{
  gap:1rem;
  line-height:2.4;
}
.slide-body .desc + .note{
  margin-block-start:3.2vw;
}

.accesscode-info .desc{
  margin-right:auto;
  margin-left:auto;
  border-bottom:1px solid #fff;
  padding:3.2vw 0 6.4vw;
}
.accesscode-info .desc:is(.status + *){
  margin-block-start:6.4vw;
  border-top:1px solid #fff;
  border-bottom:0;
  padding:3.2vw 0 6.4vw;
}
.accesscode-info .desc + *{
  margin-block-start:6.4vw;
}
.accesscode-info .status:not(.-confirm *){
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:stretch;
  gap:4.2667vw;
  margin-right:auto;
  margin-left:auto;
  width:95%;
  text-align:center;
}
.accesscode-info .status:not(.-confirm *) > div:not(.access-code){
  display:grid;
  grid-template-rows:1fr;
  grid-template-columns:42% 1fr;
}
.accesscode-info .status:not(.-confirm *) > div:not(.access-code) dt{
  display:grid;
  justify-content:center;
  align-items:center;
  background-color:#fff;
  padding:3.4667vw 0;
  color:#000;
}
.accesscode-info .status:not(.-confirm *) > div:not(.access-code) dd{
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#000;
  color:#fff;
  text-shadow:.1333vw .1333vw 2.9333vw #fff500;
}
.accesscode-info .status:is(.-confirm .confirm-data){
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  margin-right:auto;
  margin-left:auto;
}
.accesscode-info .status:is(.-confirm .confirm-data) .app{
  margin-right:auto;
  margin-left:auto;
  background-color:#000;
  padding:2.4vw 6.4vw;
  width:76.5333vw;
  text-align:center;
  text-shadow:.1333vw .1333vw 2.9333vw rgba(255,245,0,.67);
}
.accesscode-info .status:is(.-confirm .confirm-data) .points{
  font-size:4.8vw;
}
.accesscode-info .status .access-code{
  display:flex;
  flex-flow:row nowrap;
  justify-content:center;
  align-items:center;
}
.accesscode-info .status .label:not(.access-code *){
  font-size:3.4667vw;
}
.accesscode-info .status .label:is(.access-code *){
  display:inline-block;
  font-size:3.4667vw;
}
.accesscode-info .status .label:is(.access-code *)::after{
  display:inline-block;
  margin:0 .25em;
  content:" : ";
  color:#fff;
  line-height:1;
}
.accesscode-info .status .value:not(.access-code *){
  font-size:6.1333vw;
}
.accesscode-info .status .value:is(.access-code *){
  display:inline-block;
  font-size:3.4667vw;
}
.accesscode-info .status .suf{
  font-size:6.1333vw;
}
.accesscode-info .status .suf > small{
  font-size:4.2667vw;
}
.accesscode-info .navigation{
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  gap:6.4vw;
  margin-block-start:9.8667vw;
}
.accesscode-info .navigation:is(.confirm-data + *){
  margin-block-start:6.4vw;
}

.nocode .desc:first-of-type{
  margin-block-start:6.4vw;
}
.nocode .navigation{
  display:grid;
  place-items:center;
  margin-block-start:9.8667vw;
}
.nocode .heading:is(.qa-pattern *)::before{
  display:inline-block;
  vertical-align:baseline;
  margin-right:.25em;
  content:"■";
  color:var(--yellow-600);
}

.label:is(.accesscode-info .status *){
  font-weight:700;
  line-height:1;
}

.annotation .desc{
  margin:0 auto;
  width:80vw;
}
.annotation .desc > * + .heading,.annotation .skip{
  margin-block-start:1.67em;
}
.annotation .navigation{
  display:grid;
  place-items:center;
  margin-block-start:9.8667vw;
}

.qa-pattern:is(.nocode *){
  margin-right:auto;
  margin-left:auto;
  margin-block-start:4.8vw;
  width:-moz-fit-content;
  width:fit-content;
}
.qa-pattern .track + .track{
  margin-block-start:2.25rem;
}
.qa-pattern p + dl,.qa-pattern p + p{
  margin-block-start:1.25em;
}
.qa-pattern .horizontal > .item{
  display:flex;
  flex-flow:row nowrap;
}
.qa-pattern .horizontal .head{
  flex-shrink:0;
  padding:0 1.25em 0 0;
  width:-moz-fit-content;
  width:fit-content;
  min-width:9.6em;
}

.period:is(section){
  position:relative;
}
.period .section-container{
  position:relative;
}
.period .section-container :not(.close-caption){
  opacity:.14;
  pointer-events:none;
}
.period .close-caption{
  display:grid;
  position:absolute;
  top:0;
  left:0;
  place-items:center;
  background-color:rgba(0,0,0,.34);
  width:100%;
  height:100%;
}
@media (min-width:40em){
  [\$sm]{
    display:revert;
  }}
@media not all and (min-width:40em){
  [\$\$sm]{
    display:revert;
  }}
@media (min-width:48em){
  .splide__slide{
    border-width:0 0 .25rem;
    background-size:100% 4.375rem;
    max-width:clamp(40rem, -25.8605rem + 137.2093vw, 54.75rem);
    height:31.25rem;
  }
  .splide__arrow{
    width:2.375rem;
    height:16.625rem;
  }
  [\$md]{
    display:revert;
  }
  a:where(.mailto){
    text-decoration:none;
  }
  section:where(.main-content *){
    padding:0 2rem;
  }
  :where(.main-content section + section){
    margin-block-start:5.25rem;
  }
  :is(.main-content .jumbotron + section){
    margin-block-start:3.5rem;
  }
  .main-content{
    background-image:url("../images/content-bg.webp");
    padding-bottom:3rem;
  }
  .jumbotron{
    gap:2.75rem;
    padding:6rem 2rem 1.75rem;
  }
  .jumbotron .aniv-logo{
    top:1.75rem;
    left:1.75rem;
    width:auto;
    height:auto;
  }
  .jumbotron.-narrow{
    gap:.9375rem;
    padding:4.625rem 2rem 1.75rem;
  }
  .jumbotron.-narrow .wangan-logo{
    width:27.5rem;
  }
  .jumbotron.-narrow .campaign-title{
    width:41.5625rem;
  }
  .overview .desc{
    margin-block-start:2rem;
  }
  .app-proc{
    padding:0;
  }
  .section-container:not(.-fill){
    box-shadow:0 .125rem .75rem rgba(255,244,0,.85);
    background-size:13.25rem .8125rem, 13.25rem .8125rem;
    padding:3rem 2.5rem 4.625rem;
    width:100%;
    max-width:81.25rem;
  }
  .section-container.-fill{
    padding:8rem 2.5rem;
  }
  .section-container.-error{
    box-shadow:0 .125rem .75rem rgba(255,28,28,.85);
  }
  .heading:is(.period *){
    font-size:1.5rem;
  }
  .heading:is(.loginform *){
    font-size:2.125rem;
    line-height:1.8;
    text-shadow:.0625rem .0625rem 1.375rem rgba(255,245,0,.67);
  }
  .heading:is(.loginform *) + .notes{
    margin-block-start:.75em;
  }
  .date:is(.period *){
    padding:1.75rem 0;
    letter-spacing:0;
  }
  .note:is(.period *){
    font-size:1.5rem;
  }
  .note small{
    font-size:1.25rem;
  }
  .text-xs{
    font-size:.75rem;
    line-height:1.33;
  }
  .text-sm{
    font-size:.875rem;
    line-height:1.33;
  }
  .text-md{
    font-size:1rem;
    line-height:1.5;
  }
  .text-lg{
    font-size:1.125rem;
    line-height:1.5;
  }
  .text-xl{
    font-size:1.25rem;
  }
  .text-2xl{
    font-size:1.5rem;
  }
  .text-3xl{
    font-size:1.875rem;
  }
  .text-4xl{
    font-size:2.125rem;
  }
  .text-custom :is(.overview .image *){
    font-size:1.125rem;
  }
  .text-custom:is(.overview .desc *){
    font-size:1.625rem;
  }
  .text-custom:is(.accesscode-info.-confirm .desc *){
    font-size:1.5rem;
  }
  .text-custom:is(.navigation .button){
    font-size:1.5rem;
  }
  .text-custom:is(.loginform .button){
    font-size:1.5rem;
  }
  .text-custom:is(.-dummy){
    font-size:.75rem;
  }
  .text-custom:is(.footer-content *){
    font-size:.875rem;
  }
  .caption:is(.loginform *){
    padding:.34em 0;
    font-size:1.125rem;
  }
  :is(.overview .unstyled-list){
    margin-right:auto;
    margin-left:auto;
    margin-block-start:4.625rem;
    width:auto;
    max-width:-moz-fit-content;
    max-width:fit-content;
  }
  .button{
    border-width:.5rem;
    padding:1.375rem 3rem;
    width:100%;
    max-width:28.75rem;
  }
  .button.-dummy{
    display:inline-block;
    margin:0 1.25em;
    border-width:.375rem;
    padding:.25rem 1.5rem;
    max-width:12.0625rem;
    font-size:1rem;
  }
  .button:where(.mypage-app){
    width:28.75rem;
  }
  .button.banapass{
    max-width:34.625rem;
  }
  .button.pageback{
    width:28.75rem;
  }
  .column{
    grid-template-rows:1fr;
    grid-template-columns:1fr 1fr;
    gap:1.75rem;
  }
  .column:where(.loginform *){
    gap:clamp(1.5rem, -10.9138rem + 25.8621vw, 5.25rem);
    margin-block-start:3rem;
    max-width:62.5rem;
  }
  .terms-container{
    margin-block-start:2.5rem;
    padding:1.375rem;
    max-width:55rem;
  }
  .terms-container > .scroll-wrapper{
    height:25rem;
  }
  .information{
    margin-block-start:2rem;
  }
  .information .text-2xl{
    font-size:1.5rem;
  }
  .footer-content{
    border-top-width:.25rem;
    padding:4.8125rem 2rem 5.5rem;
  }
  .footer-content > .copyright{
    max-width:62.5rem;
  }
  .slider{
    max-width:54.75rem;
    min-height:31.25rem;
  }
  .slider:is(.app-proc *){
    margin-block-start:2rem;
  }
  .slider .slide-wrapper{
    padding:0 2rem;
    width:100%;
    max-width:54rem;
    min-height:31.25rem;
  }
  .slider .content-wrapper{
    grid-template-rows:4.375rem 1fr;
  }
  .slide-title{
    padding:0 2rem;
  }
  .slide-body{
    padding:2.25rem;
  }
  .slide-body .heading{
    font-size:1.75rem;
  }
  .slide-body .heading + *{
    margin-block-start:1.5rem;
  }
  .slide-body .column{
    grid-template-rows:1fr;
    grid-template-columns:1fr minmax(11.25rem, 40%);
  }
  .slide-body .desc{
    font-size:1.25rem;
    line-height:2;
  }
  .slide-body .desc + .note{
    margin-block-start:2em;
  }
  .accesscode-info .desc{
    padding:1.5rem 0 3rem;
    max-width:62.5rem;
  }
  .accesscode-info .desc:is(.status + *){
    margin-block-start:unset;
    padding:1.5rem 0 3rem;
  }
  .accesscode-info .desc + *{
    margin-block-start:3rem;
  }
  .accesscode-info .status:not(.-confirm *){
    gap:1.75rem;
    padding:2.25rem 0;
    width:100%;
    max-width:52.5rem;
  }
  .accesscode-info .status:not(.-confirm *) > div:not(.access-code) dt{
    padding:1.125rem;
  }
  .accesscode-info .status:not(.-confirm *) > div:not(.access-code) dd{
    gap:.34rem;
    padding:.5625rem;
    text-shadow:.0625rem .0625rem 1.375rem #fff500;
  }
  .accesscode-info .status:is(.-confirm .confirm-data){
    gap:2.25rem;
    max-width:62.5rem;
  }
  .accesscode-info .status:is(.-confirm .confirm-data) .app{
    padding:.5rem clamp(3rem, -1.3308rem + 9.0226vw, 6rem) .75rem;
    width:-moz-fit-content;
    width:fit-content;
    text-shadow:.0625rem .0625rem 1.375rem #fff500;
  }
  .accesscode-info .status:is(.-confirm .confirm-data) .points{
    font-size:1.625rem;
  }
  .accesscode-info .status .label:not(.access-code *){
    font-size:1.625rem;
  }
  .accesscode-info .status .label:is(.access-code *){
    font-size:1.625rem;
  }
  .accesscode-info .status .label:is(.access-code *)::after{
    margin:0 .75em;
    font-size:1.625rem;
  }
  .accesscode-info .status .value:not(.access-code *){
    font-size:clamp(2.25rem, .6944rem + 3.2407vw, 3.125rem);
  }
  .accesscode-info .status .value:is(.access-code *){
    font-size:1.625rem;
  }
  .accesscode-info .status .suf{
    font-size:clamp(2.25rem, .6944rem + 3.2407vw, 3.125rem);
  }
  .accesscode-info .status .suf > small{
    font-size:clamp(1.5rem, .3889rem + 2.3148vw, 2.125rem);
  }
  .accesscode-info .navigation{
    gap:3rem;
    margin-block-start:3rem;
  }
  .accesscode-info .navigation:is(.confirm-data + *){
    margin-block-start:4.625rem;
  }
  .nocode .desc:first-of-type{
    margin-block-start:4rem;
  }
  .nocode .navigation{
    margin-block-start:6rem;
  }
  .label:is(.accesscode-info .status *){
    font-size:1.625rem;
  }
  .annotation .desc{
    width:-moz-fit-content;
    width:fit-content;
  }
  .annotation .navigation{
    margin-block-start:6rem;
  }
  .qa-pattern:is(.nocode *){
    margin-block-start:2.25rem;
    max-width:46.25rem;
  }}
@media not all and (min-width:48em){
  [\$\$md]{
    display:revert;
  }
  .jumbotron .wangan-logo{
    width:80.5333vw;
  }
  .jumbotron .campaign-title{
    width:92vw;
  }
  .section-container:is(.annotation *),.section-container:is(.loginform *),.section-container:is(.nocode *){
    padding:9.8667vw 5.3333vw 12.8vw;
  }
  .text-custom:is(.overview .desc *){
    hanging-punctuation:allow-end;
    font-kerning:normal;
    font-feature-settings:"palt" 1;
    line-break:auto;
  }
  .text-custom:is(.button.banapass){
    font-size:3.4667vw;
  }
  .slide-body .desc{
    hanging-punctuation:allow-end;
    font-kerning:normal;
    font-feature-settings:"palt" 1;
    line-break:auto;
  }
  .slide-body .desc.-wide-gap{
    display:flex;
    flex-flow:column nowrap;
    justify-content:flex-start;
    align-items:flex-start;
    gap:3.2vw;
    line-height:1.8;
  }
  .slide-body .image{
    margin:0 auto;
    aspect-ratio:16/9;
    width:57.3333vw;
  }}
@media (min-width:64em){
  [\$lg]{
    display:revert;
  }}
@media not all and (min-width:64em){
  [\$\$lg]{
    display:revert;
  }}
@media (min-width:80em){
  [\$xl]{
    display:revert;
  }}
@media not all and (min-width:80em){
  [\$\$xl]{
    display:revert;
  }}
@media (min-width:96em){
  [\$2xl]{
    display:revert;
  }}
@media not all and (min-width:96em){
  [\$\$2xl]{
    display:revert;
  }}
@media (hover:hover) and (pointer:fine){
  a:where(.mailto):hover{
    text-decoration:underline;
  }
  .button:hover{
    filter:brightness(1.2);
  }}
@media screen and (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }}
