@charset "UTF-8";
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
  tab-size: 2;
  scrollbar-gutter: stable;
}

:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(dialog) {
  border: none;
  background: none;
  inset: unset;
  max-width: unset;
  max-height: unset;
}

:where(dialog:not([open])) {
  display: none !important;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --root-c-white: #ffffff;
  --root-c-black: #000;
  --root-c-main: #ea5404;
  --root-c-gray-light: #f0f0f0;
  --root-c-gray-medium: #999;
  --root-c-gray-dark: #666666;
  --root-c-gray-border: #ccc;
  --root-c-dark: #221815;
}

:root {
  --color-background--white: var(--root-c-white);
  --color-background--black: var(--root-c-black);
  --color-background--dark: var(--root-c-dark);
  --color-background--main: var(--root-c-main);
  --color-background--gray-light: var(--root-c-gray-light);
  --color-background--gray-medium: var(--root-c-gray-medium);
  --color-background--gray-dark: var(--root-c-gray-dark);
  --color-border: var(--root-c-main);
  --color-border-light: var(--root-c-gray-border);
  --color-border-black: var(--root-c-black);
  --color-text-black: var(--root-c-black);
  --color-text-white: var(--root-c-white);
  --color-text-main: var(--root-c-main);
}

body {
  min-height: 100vh;
  transition: color 0.5s, background-color 0.5s;
  line-height: 1.6;
  font-family: Noto Sans JP, Yu Gothic, sans-serif;
  font-size: 16px;
  color: var(--color-text-black);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

svg {
  width: 100%;
  height: 100%;
}

img {
  width: 100%;
  height: 100%;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    visibility: visible;
    opacity: 1;
    transform: scaleZ(1);
  }
}
.bounceInTgt,
.bounceInCTgt,
#mvBounce,
#btmCharactersTgt,
#btmFukidashiTgt {
  width: 0;
  height: 0;
  position: relative;
}

.bounceInCTgt,
#btmCharactersTgt,
#btmFukidashiTgt {
  top: 100%;
  left: 50%;
}

.btmTgt {
  backface-visibility: hidden;
}

.popInTgt {
  visibility: hidden;
  position: relative;
}

.popInTgt.animate__bounceIn {
  animation: bounceIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.fadeInTgt {
  opacity: 0;
  transform: translateY(100px);
}

.slideInfromLTgt,
.slideInfromRTgt,
.slideInfromBtmTgt,
.slideInfromTopTgt {
  opacity: 0;
  position: relative;
  backface-visibility: hidden;
}

.slideInfromLTgt {
  left: -300px;
}

.slideInfromRTgt {
  right: -300px;
}

.slideInfromBtmTgt {
  top: 120px;
}

.slideInfromTopTgt {
  top: -100px;
}

.for-pc-max,
.for-pc-min {
  display: none !important;
}

.for-sp {
  display: block !important;
}

@media screen and (min-width: 751px) {
  .for-pc-min {
    display: block !important;
  }
}
@media screen and (min-width: 1128px) {
  .for-pc-max {
    display: block !important;
  }
  .for-sp {
    display: none !important;
  }
}
.txt-nowrap {
  white-space: nowrap;
}

.side__wrap-left {
  position: fixed;
  top: 40px;
  left: calc((100% - var(--content-w)) / 4 - var(--side-w) / 2);
  width: var(--side-w);
}
.side__wrap-right {
  position: fixed;
  top: 40px;
  width: var(--side-w);
  right: var(--gutter);
}
@media screen and (min-width: 1128px) {
  .side__wrap-right {
    right: calc((100% - var(--content-w)) / 4 - var(--side-w) / 2);
  }
}
.side__contents__logo {
  width: 100%;
}
.side__contents__menu {
  margin: clamp(20px, 100vh - 670px, 100px) 0 0;
}
.side__contents__menu__label {
  margin: 0 0 calc(var(--side-w) * 0.1);
  font-size: calc(var(--side-w) * 0.0533333333);
  font-weight: 700;
}
.side__contents__menu__nav {
  border-top: 2px solid #d9dada;
  font-size: calc(var(--side-w) * 0.0533333333);
  font-weight: 700;
}
.side__contents__menu__nav li {
  border-bottom: 2px solid #d9dada;
}
.side__contents__menu__nav li a {
  display: flex;
  position: relative;
  align-items: center;
  height: calc(var(--side-w) * 0.1833333333);
  padding: 0 calc(var(--side-w) * 0.1) 0 0;
  text-decoration: none;
  transition: padding 0.3s ease;
}
.side__contents__menu__nav li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: calc(var(--side-w) * 0.0166666667);
  width: calc(var(--side-w) * 0.0633333333);
  height: calc(var(--side-w) * 0.0266666667);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/side_nav_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  transition: right 0.3s ease;
}
.side__contents__menu__nav li a:hover {
  padding: 0 calc(var(--side-w) * 0.15) 0 calc(var(--side-w) * 0.05);
}
.side__contents__menu__nav li a:hover:after {
  right: calc(var(--side-w) * 0.0666666667);
}
.side__title {
  width: 100%;
}
.side__contents__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--side-w) * 0.0533333333) calc(var(--side-w) * 0.04);
  margin: calc(var(--side-w) * 0.1) 0 0;
}
.side__contents__links__btn.btn_01, .side__contents__links__btn.btn_02 {
  width: 47.333%;
}
.side__contents__links__btn.btn_03, .side__contents__links__btn.btn_04, .side__contents__links__btn.btn_05 {
  width: 30.667%;
}

#app {
  --content-w: max(432px, calc(100vw * 432 / 1366));
  --side-w: max(300px, calc(100vw * 300 / 1366));
  --side-right-h: calc(var(--side-w) * 1.0423);
  --rwd-max: 750px;
}
@media screen and (min-width: 751px) {
  #app {
    --rwd-max: var(--content-w);
  }
}
#app {
  --figure-w: var(--side-w);
  --gutter: calc((100vw - 432px - 300px) / 3);
}

.main-contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  overflow-x: clip;
  position: relative;
  background: var(--color-background--white);
}
@media screen and (min-width: 751px) {
  .main-contents {
    max-width: var(--content-w);
    margin-left: var(--gutter);
    margin-right: 0;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (min-width: 1128px) {
  .main-contents {
    margin-left: auto;
    margin-right: auto;
  }
}
.main-contents:has(.navi__wrap) {
  padding-bottom: min(18.6666666667vw, calc(var(--rwd-max, 432px) * 0.1866666667));
}
@media screen and (min-width: 751px) {
  .main-contents:has(.navi__wrap) {
    padding-bottom: 0;
  }
}

.bg_main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/bg_main.jpg);
  background-size: cover;
  z-index: -1;
}
.bg_main:has(.bg_main__figure) {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/bg_main.jpg);
}
.bg_main__figure {
  position: absolute;
  width: var(--figure-w);
  aspect-ratio: 350/1132;
  top: max(40px + var(--side-right-h) + 24px, 100vh - var(--figure-w) * 1132 / 350);
  right: var(--gutter);
}
@media screen and (min-width: 1128px) {
  .bg_main__figure {
    right: calc((100% - var(--content-w)) / 4 - var(--figure-w) / 2);
  }
}
.bg_main__figure img {
  object-fit: contain;
  object-position: top center;
}

.header__wrap {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #221815;
  z-index: 100;
}
.header__contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: min(13.3333333333vw, calc(var(--rwd-max, 432px) * 0.1333333333));
  padding: 0 0 0 min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
}
.header__contents__logo {
  width: min(26.2666666667vw, calc(var(--rwd-max, 432px) * 0.2626666667));
  z-index: 1;
}
.header__contents__btn {
  position: relative;
  width: min(17.3333333333vw, calc(var(--rwd-max, 432px) * 0.1733333333));
  height: 100%;
  z-index: 1;
}
.header__contents__btn span {
  position: absolute;
  left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  display: block;
  width: min(6.6666666667vw, calc(var(--rwd-max, 432px) * 0.0666666667));
  height: min(0.2666666667vw, calc(var(--rwd-max, 432px) * 0.0026666667));
  background-color: var(--color-background--white);
  transform: translateY(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.header__contents__btn span:nth-child(1) {
  top: calc(50% - min(2.4vw, calc(var(--rwd-max, 432px) * 0.024)));
}
.header__contents__btn span:nth-child(2) {
  top: 50%;
}
.header__contents__btn span:nth-child(3) {
  top: calc(50% + min(2.4vw, calc(var(--rwd-max, 432px) * 0.024)));
}
.header__contents__btn.is-active span:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.header__contents__btn.is-active span:nth-child(2) {
  opacity: 0;
}
.header__contents__btn.is-active span:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.burger__wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - min(13.3333333333vw, calc(var(--rwd-max, 432px) * 0.1333333333)));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/burger_bg.jpg);
  background-size: 100%;
  z-index: -1;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.burger__wrap.is-active {
  opacity: 1;
  visibility: visible;
}
.burger__contents__burger {
  padding: min(6.6666666667vw, calc(var(--rwd-max, 432px) * 0.0666666667)) min(10.6666666667vw, calc(var(--rwd-max, 432px) * 0.1066666667));
}
.burger__contents__nav {
  border-top: 2px solid #d9dada;
}
.burger__contents__nav li {
  border-bottom: 2px solid #d9dada;
}
.burger__contents__nav a {
  display: flex;
  position: relative;
  align-items: center;
  height: min(16vw, calc(var(--rwd-max, 432px) * 0.16));
  padding-right: min(6vw, calc(var(--rwd-max, 432px) * 0.06));
  text-decoration: none;
  color: var(--color-text-white);
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  font-weight: 700;
}
.burger__contents__nav a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: min(1.0666666667vw, calc(var(--rwd-max, 432px) * 0.0106666667));
  width: min(3.8666666667vw, calc(var(--rwd-max, 432px) * 0.0386666667));
  height: min(1.6vw, calc(var(--rwd-max, 432px) * 0.016));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/burger_nav_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.hero__wrap {
  position: relative;
  width: 100%;
}
.hero__contents__btn {
  position: absolute;
  bottom: min(2vw, calc(var(--rwd-max, 432px) * 0.02));
  right: min(2vw, calc(var(--rwd-max, 432px) * 0.02));
  width: min(30.6666666667vw, calc(var(--rwd-max, 432px) * 0.3066666667));
}

.carryover__wrap {
  position: relative;
  width: 100%;
  padding: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.carryover__contents__note {
  padding: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  background: var(--color-background--gray-light);
  font-size: min(2.1333333333vw, calc(var(--rwd-max, 432px) * 0.0213333333));
  line-height: 1.25;
}
.carryover__contents__note li {
  position: relative;
  padding-left: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
}
.carryover__contents__note li:before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.carryover__contents__title {
  width: min(84.9333333333vw, calc(var(--rwd-max, 432px) * 0.8493333333));
}

.visual-carryover {
  display: none;
}
.visual-carryover.carryover_show {
  display: block;
}

.carryover-box {
  position: relative;
  z-index: 1;
  height: 0;
  padding-bottom: min(13.3333333333vw, calc(var(--rwd-max, 432px) * 0.1333333333));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/carryover_bg.png);
  background-size: 100% 100%;
}

.carryover {
  margin-top: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}

.carryover-num {
  position: absolute;
  bottom: 0;
  width: min(7.2vw, calc(var(--rwd-max, 432px) * 0.072));
  padding-top: min(13.3333333333vw, calc(var(--rwd-max, 432px) * 0.1333333333));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/carryover_num.png);
  background-size: 100% 1000%;
}
.carryover-num.num00 {
  display: none !important;
}
.carryover-num.num01 {
  left: 0;
}
.carryover-num.num02 {
  left: min(7.4666666667vw, calc(var(--rwd-max, 432px) * 0.0746666667));
}
.carryover-num.num03 {
  left: min(20.2666666667vw, calc(var(--rwd-max, 432px) * 0.2026666667));
}
.carryover-num.num04 {
  left: min(27.7333333333vw, calc(var(--rwd-max, 432px) * 0.2773333333));
}
.carryover-num.num05 {
  left: min(35.2vw, calc(var(--rwd-max, 432px) * 0.352));
}
.carryover-num.num06 {
  left: min(42.6666666667vw, calc(var(--rwd-max, 432px) * 0.4266666667));
}
.carryover-num.num07 {
  left: min(55.3333333333vw, calc(var(--rwd-max, 432px) * 0.5533333333));
}
.carryover-num.num08 {
  left: min(62.8vw, calc(var(--rwd-max, 432px) * 0.628));
}
.carryover-num.num09 {
  left: min(70.2666666667vw, calc(var(--rwd-max, 432px) * 0.7026666667));
}
.carryover-num.num10 {
  left: min(77.7333333333vw, calc(var(--rwd-max, 432px) * 0.7773333333));
}

.topics__wrap {
  position: relative;
  width: 100%;
  padding: min(4vw, calc(var(--rwd-max, 432px) * 0.04)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  background-color: var(--color-background--main);
}
.topics__contents__title {
  width: min(17.4666666667vw, calc(var(--rwd-max, 432px) * 0.1746666667));
  margin-inline: auto;
  margin-bottom: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
}
.topics__contents__campaign {
  padding: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  background-color: var(--color-background--gray-dark);
  text-align: center;
  color: var(--color-text-white);
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  font-weight: 700;
}
.topics__contents__bnr .swiper_item__nav {
  margin-top: min(3.0666666667vw, calc(var(--rwd-max, 432px) * 0.0306666667));
}
.topics__contents__bnr .swiper_item__nav .swiper-pagination {
  gap: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
}
.topics__contents__bnr .swiper_item__nav .swiper-pagination .swiper-pagination-bullet {
  width: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
  height: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
  background-color: var(--color-background--white);
}
.topics__contents__bnr .swiper_item__nav .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-background--black);
}

.anchor__wrap {
  display: flex;
  width: 100%;
  padding: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333)) min(3.3333333333vw, calc(var(--rwd-max, 432px) * 0.0333333333)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.anchor__wrap li {
  display: flex;
}
.anchor__wrap li:nth-child(1) {
  justify-content: flex-start;
  width: min(22.6666666667vw, calc(var(--rwd-max, 432px) * 0.2266666667));
}
.anchor__wrap li:nth-child(2) {
  justify-content: center;
  width: min(28vw, calc(var(--rwd-max, 432px) * 0.28));
}
.anchor__wrap li:nth-child(3) {
  justify-content: center;
  width: min(22vw, calc(var(--rwd-max, 432px) * 0.22));
}
.anchor__wrap li:nth-child(4) {
  justify-content: flex-end;
  width: min(16.6666666667vw, calc(var(--rwd-max, 432px) * 0.1666666667));
}
.anchor__wrap li a {
  position: relative;
  padding-bottom: min(4vw, calc(var(--rwd-max, 432px) * 0.04));
  text-align: center;
  text-decoration: none;
  color: var(--color-text-main);
  font-size: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  font-weight: 700;
  line-height: 1.25;
}
.anchor__wrap li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  height: min(1.8666666667vw, calc(var(--rwd-max, 432px) * 0.0186666667));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/anchor_arrow.png);
  background-size: cover;
  transform: translateX(-50%);
  transition: bottom 0.3s ease;
}
.anchor__wrap li a:hover:after {
  bottom: max(-1.3333333333vw, calc(var(--rwd-max, 432px) * -0.0133333333));
}
.anchor__wrap li + li {
  border-left: min(0.2666666667vw, calc(var(--rwd-max, 432px) * 0.0026666667)) solid var(--color-border-light);
}

.about__wrap {
  position: relative;
  width: 100%;
}
.about__contents__block.block_01 {
  padding-bottom: min(12vw, calc(var(--rwd-max, 432px) * 0.12));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/about_bg_01.png);
  background-position: top max(-2vw, calc(var(--rwd-max, 432px) * -0.02)) right 0;
  background-size: min(53.0666666667vw, calc(var(--rwd-max, 432px) * 0.5306666667));
  background-repeat: no-repeat;
}
.about__contents__block.block_02_01 {
  padding-bottom: min(6.4vw, calc(var(--rwd-max, 432px) * 0.064));
}
.about__contents__block.block_02_02 {
  padding-top: min(8.2666666667vw, calc(var(--rwd-max, 432px) * 0.0826666667));
  padding-bottom: min(9.3333333333vw, calc(var(--rwd-max, 432px) * 0.0933333333));
  background-color: var(--color-background--gray-light);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/about_bg_02_02.png);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.about__contents__block.block_04 {
  padding-bottom: min(6.4vw, calc(var(--rwd-max, 432px) * 0.064));
}
.about__contents__title {
  position: relative;
  z-index: 1;
}
.about__contents__title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(24.5333333333vw, calc(var(--rwd-max, 432px) * 0.2453333333));
  height: min(10.1333333333vw, calc(var(--rwd-max, 432px) * 0.1013333333));
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}
.about__contents__title.title_01 {
  margin-bottom: min(6.4vw, calc(var(--rwd-max, 432px) * 0.064));
}
.about__contents__title.title_01:before {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/about_title_sub_01.png);
}
.about__contents__title.title_02 {
  margin-bottom: min(7.4666666667vw, calc(var(--rwd-max, 432px) * 0.0746666667));
}
.about__contents__title.title_02:before {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/about_title_sub_02.png);
}
.about__contents__title.title_03:before {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/about_title_sub_03.png);
}
.about__contents__title.title_04 {
  margin-bottom: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
}
.about__contents__title.title_04:before {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/about_title_sub_04.png);
}
.about__contents__heading {
  margin-inline: auto;
}
.about__contents__heading.heading_01 {
  width: min(93.3333333333vw, calc(var(--rwd-max, 432px) * 0.9333333333));
  margin-bottom: min(6.4vw, calc(var(--rwd-max, 432px) * 0.064));
}
.about__contents__heading.heading_02_01 {
  width: min(68.9333333333vw, calc(var(--rwd-max, 432px) * 0.6893333333));
  margin-bottom: min(5.6vw, calc(var(--rwd-max, 432px) * 0.056));
}
.about__contents__heading.heading_02_02 {
  width: min(76.9333333333vw, calc(var(--rwd-max, 432px) * 0.7693333333));
  margin-bottom: min(5.6vw, calc(var(--rwd-max, 432px) * 0.056));
}
.about__contents__txt.txt_01 {
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  text-align: center;
  font-weight: 500;
  line-height: 1.25;
}
.about__contents__txt.txt_04 {
  margin-bottom: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
.about__contents__img {
  padding-right: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  padding-left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.about__contents__img.img_02_01 {
  margin-bottom: min(1.8666666667vw, calc(var(--rwd-max, 432px) * 0.0186666667));
}
.about__contents__img.img_02_02 {
  margin-bottom: min(1.8666666667vw, calc(var(--rwd-max, 432px) * 0.0186666667));
}
.about__contents__img.img_04 {
  display: flex;
  gap: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.about__contents__img.img_04 > * {
  width: min(42vw, calc(var(--rwd-max, 432px) * 0.42));
}
.about__contents__btn {
  width: min(85.3333333333vw, calc(var(--rwd-max, 432px) * 0.8533333333));
  margin-inline: auto;
}
.about__contents__btn.btn_02_01 {
  margin-bottom: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
}
.about__contents__btn.btn_02_02 {
  margin-bottom: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
}
.about__contents__btn.coming_soon {
  margin-top: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.about__contents__note {
  padding-right: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  padding-left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  font-size: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
  line-height: 1.2;
}
.about__contents__note li {
  position: relative;
  padding-left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.about__contents__note li .marking {
  position: absolute;
  top: 0;
  left: 0;
}
.about__contents__bonus {
  position: relative;
}
.about__contents__bonus__bg {
  margin-top: max(-3.2vw, calc(var(--rwd-max, 432px) * -0.032));
}
.about__contents__bonus__img {
  position: absolute;
  top: min(13.0666666667vw, calc(var(--rwd-max, 432px) * 0.1306666667));
  left: min(18.2666666667vw, calc(var(--rwd-max, 432px) * 0.1826666667));
  width: min(65.7333333333vw, calc(var(--rwd-max, 432px) * 0.6573333333));
}
.about__contents__bonus__txt {
  position: absolute;
  top: min(90.2666666667vw, calc(var(--rwd-max, 432px) * 0.9026666667));
  left: min(23.3333333333vw, calc(var(--rwd-max, 432px) * 0.2333333333));
  width: min(51.2vw, calc(var(--rwd-max, 432px) * 0.512));
}
.about__contents__bonus__fig.fig_01 {
  position: absolute;
  top: min(119.6vw, calc(var(--rwd-max, 432px) * 1.196));
  left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  width: min(43.2vw, calc(var(--rwd-max, 432px) * 0.432));
}
.about__contents__bonus__fig.fig_02 {
  position: absolute;
  top: min(119.6vw, calc(var(--rwd-max, 432px) * 1.196));
  right: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  width: min(43.2vw, calc(var(--rwd-max, 432px) * 0.432));
}
.about__contents__bonus__fig.fig_03 {
  position: absolute;
  top: min(117.6vw, calc(var(--rwd-max, 432px) * 1.176));
  left: min(43.8666666667vw, calc(var(--rwd-max, 432px) * 0.4386666667));
  width: min(12.4vw, calc(var(--rwd-max, 432px) * 0.124));
}
.about__contents__bonus__copy {
  position: absolute;
  top: min(154.6666666667vw, calc(var(--rwd-max, 432px) * 1.5466666667));
  left: min(4.6666666667vw, calc(var(--rwd-max, 432px) * 0.0466666667));
  width: min(90vw, calc(var(--rwd-max, 432px) * 0.9));
  margin-inline: auto;
}
.about__contents__bonus__btn {
  position: absolute;
  top: min(164.8vw, calc(var(--rwd-max, 432px) * 1.648));
  left: min(7.3333333333vw, calc(var(--rwd-max, 432px) * 0.0733333333));
  width: min(85.3333333333vw, calc(var(--rwd-max, 432px) * 0.8533333333));
  margin-inline: auto;
}

.three-steps__wrap {
  position: relative;
  width: 100%;
}
.three-steps__contents {
  padding: min(10.6666666667vw, calc(var(--rwd-max, 432px) * 0.1066666667)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333)) min(13.3333333333vw, calc(var(--rwd-max, 432px) * 0.1333333333));
  background-color: var(--color-background--dark);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/three-steps_bg.png);
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.three-steps__contents__title {
  width: min(55.4666666667vw, calc(var(--rwd-max, 432px) * 0.5546666667));
  margin-inline: auto;
  margin-bottom: min(9.0666666667vw, calc(var(--rwd-max, 432px) * 0.0906666667));
}
.three-steps__contents__tabs ul {
  display: flex;
  justify-content: space-between;
}
.three-steps__contents__tabs ul li {
  width: min(28.6666666667vw, calc(var(--rwd-max, 432px) * 0.2866666667));
}
.three-steps__contents__tabs ul li button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min(10.6666666667vw, calc(var(--rwd-max, 432px) * 0.1066666667));
  border-radius: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  background-color: var(--color-background--main);
  font-size: min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
  text-align: center;
  color: var(--color-text-white);
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.three-steps__contents__tabs ul li button:after {
  content: "";
  display: block;
  width: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  height: min(1.8666666667vw, calc(var(--rwd-max, 432px) * 0.0186666667));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/three-step_arrow_wt.png);
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease;
}
.three-steps__contents__tabs ul li button:hover {
  background-color: var(--color-background--white);
  color: var(--color-text-black);
}
.three-steps__contents__tabs ul li button:hover:after {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/three-step_arrow_bk.png);
}
.three-steps__contents__tabs ul li.is-active button {
  padding-bottom: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: var(--color-background--white);
  color: var(--color-text-black);
}
.three-steps__contents__tabs ul li.is-active button:after {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/three-step_arrow_bk.png);
}
.three-steps__contents__steps {
  margin-top: max(-0.1333333333vw, calc(var(--rwd-max, 432px) * -0.0013333333));
  background-color: var(--color-background--white);
  padding: min(2vw, calc(var(--rwd-max, 432px) * 0.02)) min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333)) min(6.6666666667vw, calc(var(--rwd-max, 432px) * 0.0666666667)) min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
  border-bottom-right-radius: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  border-bottom-left-radius: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
}
.three-steps__contents__steps li {
  display: flex;
  position: relative;
  align-items: center;
  height: min(24vw, calc(var(--rwd-max, 432px) * 0.24));
  border-bottom: min(0.2666666667vw, calc(var(--rwd-max, 432px) * 0.0026666667)) solid var(--color-border-black);
}
.three-steps__contents__steps li:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
  height: min(2.1333333333vw, calc(var(--rwd-max, 432px) * 0.0213333333));
  clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
  background: var(--color-background--black);
  transform: translateX(-50%);
}
.three-steps__contents__steps li:last-child:after {
  display: none;
}
.three-steps__contents__steps__item.item_01_01 {
  width: min(81.7333333333vw, calc(var(--rwd-max, 432px) * 0.8173333333));
}
.three-steps__contents__steps__item.item_01_02 {
  width: min(79.0666666667vw, calc(var(--rwd-max, 432px) * 0.7906666667));
}
.three-steps__contents__steps__item.item_01_03 {
  width: min(81.4666666667vw, calc(var(--rwd-max, 432px) * 0.8146666667));
}
.three-steps__contents__steps__item.item_02_01 {
  width: min(82.1333333333vw, calc(var(--rwd-max, 432px) * 0.8213333333));
}
.three-steps__contents__steps__item.item_02_02 {
  width: min(79.8666666667vw, calc(var(--rwd-max, 432px) * 0.7986666667));
}
.three-steps__contents__steps__item.item_02_03 {
  width: min(80.9333333333vw, calc(var(--rwd-max, 432px) * 0.8093333333));
}
.three-steps__contents__steps__item.item_03_01 {
  width: min(79.0666666667vw, calc(var(--rwd-max, 432px) * 0.7906666667));
}
.three-steps__contents__steps__item.item_03_02 {
  width: min(82.1333333333vw, calc(var(--rwd-max, 432px) * 0.8213333333));
}
.three-steps__contents__steps__item.item_03_03 {
  width: min(80.9333333333vw, calc(var(--rwd-max, 432px) * 0.8093333333));
}
.three-steps__contents__steps__note {
  margin-top: min(1.8666666667vw, calc(var(--rwd-max, 432px) * 0.0186666667));
  font-size: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
  line-height: 1.2;
}

.purchase__wrap {
  position: relative;
  width: 100%;
  padding: min(7.2vw, calc(var(--rwd-max, 432px) * 0.072)) 0 min(10.6666666667vw, calc(var(--rwd-max, 432px) * 0.1066666667));
  background-color: var(--color-background--gray-light);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/purchase_bg.png);
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.purchase__contents__title {
  width: min(63.6vw, calc(var(--rwd-max, 432px) * 0.636));
  margin-inline: auto;
  margin-bottom: min(7.2vw, calc(var(--rwd-max, 432px) * 0.072));
}
.purchase__contents__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(4vw, calc(var(--rwd-max, 432px) * 0.04)) 0;
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.purchase__contents__links__btn.btn_01 {
  width: min(42.6666666667vw, calc(var(--rwd-max, 432px) * 0.4266666667));
}
.purchase__contents__links__btn.btn_02 {
  width: min(42.6666666667vw, calc(var(--rwd-max, 432px) * 0.4266666667));
}
.purchase__contents__links__btn.btn_03 {
  width: min(27.3333333333vw, calc(var(--rwd-max, 432px) * 0.2733333333));
}
.purchase__contents__links__btn.btn_04 {
  width: min(27.3333333333vw, calc(var(--rwd-max, 432px) * 0.2733333333));
}
.purchase__contents__links__btn.btn_05 {
  width: min(27.3333333333vw, calc(var(--rwd-max, 432px) * 0.2733333333));
}

.faq__wrap {
  position: relative;
  width: 100%;
  padding: min(11.2vw, calc(var(--rwd-max, 432px) * 0.112)) 0 min(7.2vw, calc(var(--rwd-max, 432px) * 0.072));
  background-color: var(--color-background--black);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/faq_bg.png);
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.faq__contents__title {
  width: min(52vw, calc(var(--rwd-max, 432px) * 0.52));
  margin-inline: auto;
  margin-bottom: min(7.4666666667vw, calc(var(--rwd-max, 432px) * 0.0746666667));
}
.faq__contents__list {
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.faq__contents__list li + li {
  margin-top: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
}
.faq__contents__list li.is-hidden {
  display: none;
}
.faq__contents__list .faq {
  padding: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667)) min(3.2vw, calc(var(--rwd-max, 432px) * 0.032)) min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667)) min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  border-radius: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  background-color: var(--color-background--white);
}
.faq__contents__list .faq__q {
  position: relative;
  padding: 0 min(8.5333333333vw, calc(var(--rwd-max, 432px) * 0.0853333333)) 0 min(15.2vw, calc(var(--rwd-max, 432px) * 0.152));
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  font-weight: 500;
  line-height: 1.25;
}
.faq__contents__list .faq__q::-webkit-details-marker {
  display: none;
}
.faq__contents__list .faq__q::marker {
  content: "";
}
.faq__contents__list .faq__q__label {
  position: absolute;
  top: 50%;
  left: 0;
  padding-right: min(4.8vw, calc(var(--rwd-max, 432px) * 0.048));
  font-size: min(4.8vw, calc(var(--rwd-max, 432px) * 0.048));
  transform: translateY(-50%);
}
.faq__contents__list .faq__q__label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  background-color: var(--color-background--main);
  width: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  height: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  transform: translateY(-50%);
}
.faq__contents__list .faq__a {
  margin-top: min(4vw, calc(var(--rwd-max, 432px) * 0.04));
  padding-top: min(4vw, calc(var(--rwd-max, 432px) * 0.04));
  border-top: min(0.5333333333vw, calc(var(--rwd-max, 432px) * 0.0053333333)) solid var(--color-border-black);
}
.faq__contents__list .faq__a > * + * {
  margin-top: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
}
.faq__contents__list .faq__a__txt {
  font-size: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  font-weight: 500;
}
.faq__contents__list .faq__a__note {
  margin-top: min(1.6vw, calc(var(--rwd-max, 432px) * 0.016));
  font-size: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
  line-height: 1.25;
}
.faq__contents__list .faq__a__link a {
  color: var(--color-text-main);
  font-size: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  font-weight: 500;
  text-decoration: none;
}
.faq__contents__list .faq .faq__q:before,
.faq__contents__list .faq .faq__q:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  height: min(0.4vw, calc(var(--rwd-max, 432px) * 0.004));
  background-color: var(--color-background--black);
}
.faq__contents__list .faq .faq__q:after {
  transform: rotate(-90deg);
  transition: transform 0.25s ease;
}
.faq__contents__list .faq.is-opened .faq__q:after {
  transform: rotate(0deg);
}
.faq__contents__btn {
  width: min(42.6666666667vw, calc(var(--rwd-max, 432px) * 0.4266666667));
  margin-top: min(6.6666666667vw, calc(var(--rwd-max, 432px) * 0.0666666667));
  margin-inline: auto;
}
.faq__contents__btn button {
  width: 100%;
}

.movie__wrap {
  position: relative;
  width: 100%;
  padding: min(9.3333333333vw, calc(var(--rwd-max, 432px) * 0.0933333333)) 0 min(8vw, calc(var(--rwd-max, 432px) * 0.08));
  background-color: var(--color-background--gray-light);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/movie_bg.png);
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.movie__contents__title {
  width: min(24.4vw, calc(var(--rwd-max, 432px) * 0.244));
  margin-inline: auto;
  margin-bottom: min(4.8vw, calc(var(--rwd-max, 432px) * 0.048));
}
.movie__contents__video {
  position: relative;
  width: 100%;
  aspect-ratio: 664/377;
  overflow: hidden;
}
.movie__contents__video__play {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.movie__contents__video__play img {
  object-fit: cover;
}
.movie__contents__caption {
  margin-top: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  text-align: center;
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  font-weight: 500;
  line-height: 1.2;
}
.movie__contents__caption .caption-sub {
  display: block;
  font-size: min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
}
.movie__contents__note {
  margin-top: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  text-align: center;
  font-size: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  font-weight: 500;
}
.movie__contents__btn {
  width: min(85.3333333333vw, calc(var(--rwd-max, 432px) * 0.8533333333));
  margin-top: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  margin-inline: auto;
}

.movie-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.movie-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.movie-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.movie-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 960px;
}
.movie-modal__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
}
.movie-modal__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.movie-modal__close {
  display: block;
  width: min(42.6666666667vw, calc(var(--rwd-max, 432px) * 0.4266666667));
  height: min(10.6666666667vw, calc(var(--rwd-max, 432px) * 0.1066666667));
  margin-top: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  margin-inline: auto;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/modal_close.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

:where(html, body).modal-open {
  overflow: hidden;
}

.other__wrap {
  position: relative;
  width: 100%;
  padding: min(8vw, calc(var(--rwd-max, 432px) * 0.08)) 0 min(7.2vw, calc(var(--rwd-max, 432px) * 0.072));
  background-color: var(--color-background--black);
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/other_bg.png);
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.other__contents__title {
  width: min(26vw, calc(var(--rwd-max, 432px) * 0.26));
  margin-inline: auto;
  margin-bottom: min(7.4666666667vw, calc(var(--rwd-max, 432px) * 0.0746666667));
}
.other__contents__item__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(5.0666666667vw, calc(var(--rwd-max, 432px) * 0.0506666667));
  height: min(56vw, calc(var(--rwd-max, 432px) * 0.56));
  padding: min(4vw, calc(var(--rwd-max, 432px) * 0.04));
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/other_item_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.other__contents__item__bnr {
  width: min(66.6666666667vw, calc(var(--rwd-max, 432px) * 0.6666666667));
}
.other__contents__item__bnr img {
  border-radius: min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
}
.other__contents__item__txt {
  text-align: center;
  color: var(--color-text-white);
  font-size: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  font-weight: 500;
}

.swiper_item__slide {
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.swiper_item__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  margin-top: min(5.8666666667vw, calc(var(--rwd-max, 432px) * 0.0586666667));
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.swiper_item__nav .swiper-button-prev_links,
.swiper_item__nav .swiper-button-next_links {
  width: min(8.5333333333vw, calc(var(--rwd-max, 432px) * 0.0853333333));
  height: min(8.5333333333vw, calc(var(--rwd-max, 432px) * 0.0853333333));
  background-size: contain;
  background-repeat: no-repeat;
}
.swiper_item__nav .swiper-button-prev_links {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/slider-arrow_prev.png);
}
.swiper_item__nav .swiper-button-next_links {
  background-image: url(/system/files/landing/dunk/ad/assets_260820/images/slider-arrow_next.png);
}
.swiper_item__nav .swiper-pagination {
  display: flex;
  position: relative;
  align-items: center;
  gap: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
}
.swiper_item__nav .swiper-pagination .swiper-pagination-bullet {
  width: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  height: min(4.2666666667vw, calc(var(--rwd-max, 432px) * 0.0426666667));
  margin: 0;
  background-color: var(--color-background--gray-medium);
  opacity: 1;
}
.swiper_item__nav .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-background--main);
}

.to-top__wrap {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min(21.3333333333vw, calc(var(--rwd-max, 432px) * 0.2133333333));
  background-color: var(--color-background--gray-light);
}
.to-top__contents__btn {
  width: min(35.0666666667vw, calc(var(--rwd-max, 432px) * 0.3506666667));
}

.footer__wrap {
  position: relative;
  width: 100%;
}
.footer__contents {
  padding: min(8vw, calc(var(--rwd-max, 432px) * 0.08)) 0 min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
}
.footer__contents__links {
  display: flex;
  flex-wrap: wrap;
  gap: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667)) min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333));
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
}
.footer__contents__links__btn {
  width: calc((100% - min(1.3333333333vw, calc(var(--rwd-max, 432px) * 0.0133333333))) / 2);
}
.footer__contents__bnr {
  width: min(42.6666666667vw, calc(var(--rwd-max, 432px) * 0.4266666667));
  margin-top: min(5.6vw, calc(var(--rwd-max, 432px) * 0.056));
  margin-inline: auto;
}
.footer__contents__top {
  display: flex;
  justify-content: center;
  margin-top: min(5.6vw, calc(var(--rwd-max, 432px) * 0.056));
}
.footer__contents__top__prohibit {
  width: min(35.3333333333vw, calc(var(--rwd-max, 432px) * 0.3533333333));
}
.footer__contents__top__logo {
  width: min(23.3333333333vw, calc(var(--rwd-max, 432px) * 0.2333333333));
  padding-left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  margin-left: min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  border-left: min(0.2666666667vw, calc(var(--rwd-max, 432px) * 0.0026666667)) solid var(--color-border-light);
}
.footer__contents__middle {
  margin-top: min(5.6vw, calc(var(--rwd-max, 432px) * 0.056));
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333)) min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
  border-bottom: 2px solid var(--color-border-light);
  text-align: center;
  font-size: min(3.7333333333vw, calc(var(--rwd-max, 432px) * 0.0373333333));
  font-weight: 700;
}
.footer__contents__bottom {
  margin-top: min(3.2vw, calc(var(--rwd-max, 432px) * 0.032));
  padding: 0 min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  text-align: center;
  font-size: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
  font-weight: 700;
}
.footer__contents__bottom__heading {
  color: #cb0100;
}
.footer__copyright {
  padding: min(2vw, calc(var(--rwd-max, 432px) * 0.02)) min(5.3333333333vw, calc(var(--rwd-max, 432px) * 0.0533333333));
  background-color: var(--color-background--gray-light);
  text-align: center;
  font-size: min(2.6666666667vw, calc(var(--rwd-max, 432px) * 0.0266666667));
}

.navi__wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.navi__wrap.show {
  transform: translateY(0);
}
.navi__contents__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
.navi__contents__btn {
  height: min(18.6666666667vw, calc(var(--rwd-max, 432px) * 0.1866666667));
}

@media screen and (min-width: 751px) {
  .navi__wrap {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  a[data-href-pc] img,
  #show-more-faq img,
  .movie__contents__video__play img,
  .to-top__contents__btn img {
    transition: transform 0.1s ease;
  }
  a[data-href-pc]:hover img,
  #show-more-faq:hover img,
  .movie__contents__video__play:hover img,
  .to-top__contents__btn:hover img {
    transform: scale(0.98);
  }
  .swiper-button-prev_links,
  .swiper-button-next_links,
  .faq__q {
    transition: transform 0.1s ease;
  }
  .swiper-button-prev_links:hover,
  .swiper-button-next_links:hover,
  .faq__q:hover {
    transform: scale(0.98);
  }
}