@charset "UTF-8";
.amuletList .amuletBox {
  display: flex;
  justify-content: center;
  padding: 4vw 5.2vw 1.7333333333vw 5.4666666667vw;
  width: 100%;

  -moz-column-gap: 1.4666666667vw;

       column-gap: 1.4666666667vw;
}
@media (min-width: 768px) {
  .amuletList .amuletBox {
    padding: clamp(13.2px, 1.71875vw, 22px) clamp(21.6px, 2.8125vw, 36px) clamp(7.8px, 1.015625vw, 13px) clamp(23.4px, 3.046875vw, 39px);

    -moz-column-gap: clamp(4.2px, 0.546875vw, 7px);

         column-gap: clamp(4.2px, 0.546875vw, 7px);
  }
}
.amuletList .amuletBox > .pattern,
.amuletList .amuletBox > .txt {
  display: block;
  width: calc((100% - 1.4666666667vw) / 2);
}
@media (min-width: 768px) {
  .amuletList .amuletBox > .pattern,
  .amuletList .amuletBox > .txt {
    width: clamp(43.8px, 5.703125vw, 73px);
  }
}
.amuletList .itemCard {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  animation: 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75) forwards amulet-item-fade-in, 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards amulet-item-slide-up;
}
.amuletList .itemCard > .btnBox {
  width: 100%;
}
@keyframes amulet-item-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes amulet-item-slide-up {
  0% {
    transform: translate3d(0, 20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.amuletList .itemCards {
  display: flex;
  flex-wrap: wrap;

  gap: 4.8vw;
}
@media (min-width: 768px) {
  .amuletList .itemCards {
    gap: clamp(15.6px, 2.03125vw, 26px);
  }
}
.amuletList .itemCards > .itemCard {
  width: 42.2666666667vw;
}
@media (min-width: 768px) {
  .amuletList .itemCards > .itemCard {
    width: clamp(138.228px, 17.9984375vw, 230.38px);
  }
}
.amuletList .btnBox {
  display: block;
  overflow: hidden;
  border-radius: 2.6666666667vw;
  transition: background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .amuletList .btnBox {
    border-radius: clamp(12px, 1.5625vw, 20px);
  }
}
.amuletList .btnBox > .ttl {
  display: block;
  padding: 0.1333333333vw 1.6vw 0.4vw;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-midnight-blue);
  color: var(--color-white);
  font-size: 2.9333333333vw;
  font-weight: bold;
  line-height: 1.4545454545;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .amuletList .btnBox > .ttl {
    padding: clamp(1.8px, 0.234375vw, 3px) clamp(6px, 0.78125vw, 10px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.4285714286;
  }
}
.amuletList .btnBox > .txt {
  display: block;
  margin-top: 1.0666666667vw;
  text-align: center;
  color: var(--color-midnight-blue);
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.0454545455;

  padding-inline: 1.3333333333vw;
}
@media (min-width: 768px) {
  .amuletList .btnBox > .txt {
    margin-top: clamp(1.8px, 0.234375vw, 3px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.2142857143;

    padding-inline: clamp(6px, 0.78125vw, 10px);
  }
}
.amuletList .btnBox > .more {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 2.6666666667vw;
  height: 11.8666666667vw;
  transition: background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  background-color: var(--color-pale-blue-purple);
  color: var(--color-midnight-blue);
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 1.4230769231;
}
@media (min-width: 768px) {
  .amuletList .btnBox > .more {
    margin-top: clamp(9px, 1.171875vw, 15px);
    height: clamp(30px, 3.90625vw, 50px);
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.4444444444;
  }
}
.amuletList .btnBox > .more::before {
  content: "";
  position: absolute;
  width: 3.2vw;
  height: 3.2vw;
  background: url("../../img/index/base/icon-plus.svg") no-repeat;
  background-size: contain;

  inset: 0 2.9333333333vw 0 auto;
  margin-block: auto;
}
@media (min-width: 768px) {
  .amuletList .btnBox > .more::before {
    right: clamp(9px, 1.171875vw, 15px);
    width: clamp(10.8px, 1.40625vw, 18px);
    height: clamp(10.8px, 1.40625vw, 18px);
  }
}
@media (any-hover: hover) {
  .amuletList .btnBox:hover {
    background-color: var(--color-pale-blue-purple);
  }
}
.amuletList .moreBtn {
  display: flex;
  align-items: center;
  justify-content: center;

  -moz-column-gap: 1.7333333333vw;

       column-gap: 1.7333333333vw;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .amuletList .moreBtn {
    -moz-column-gap: clamp(3px, 0.390625vw, 5px);
         column-gap: clamp(3px, 0.390625vw, 5px);
  }
}
.amuletList .moreBtn > .label {
  color: var(--color-white);
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.4666666667;
}
@media (min-width: 768px) {
  .amuletList .moreBtn > .label {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.45;
  }
}
.amuletList .moreBtn > .icon {
  position: relative;
  border-radius: 50%;
  width: 6.9333333333vw;
  height: 6.9333333333vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .amuletList .moreBtn > .icon {
    width: clamp(15.6px, 2.03125vw, 26px);
    height: clamp(15.6px, 2.03125vw, 26px);
  }
}
.amuletList .moreBtn > .icon::before {
  content: "";
  position: absolute;
  transition: opacity 0.18s cubic-bezier(0.165, 0.84, 0.44, 1) 0.18s, transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1) 0.18s;
  background: no-repeat 0 0/contain url("../../img/common/icon-plus-circle-sm.svg");
  background-size: contain;

  inset: 0;
}
@media (min-width: 768px) {
  .amuletList .moreBtn > .icon::before {
    background-image: url("../../img/common/icon-plus-circle-lg.svg");
  }
}
.amuletList .moreBtn > .icon::after {
  content: "";
  opacity: 0;
  position: absolute;
  margin: auto;
  width: 3.2vw;
  height: 3.2vw;
  transition: opacity 0.18s cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 0.18s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transform: scale(0.3);
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;
  font-size: 0;

  inset: 1.6vw 0 0;
  rotate: 90deg;
}
@media (min-width: 768px) {
  .amuletList .moreBtn > .icon::after {
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(7.8px, 1.015625vw, 13px);

    inset: 15% 0 0;
  }
}
@media (any-hover: hover) {
  .amuletList .moreBtn:hover > .icon::before {
    opacity: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transform: scale(0.3);
  }
  .amuletList .moreBtn:hover > .icon::after {
    opacity: 1;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1);
  }
}
.amuletList.center > .itemCards {
  justify-content: center;
}
.amuletList > .moreBtn {
  margin-top: 9.0666666667vw;
}
@media (min-width: 768px) {
  .amuletList > .moreBtn {
    margin-top: clamp(27px, 3.515625vw, 45px);
  }
}

.amuletModal {
  overflow: hidden;
  position: relative;
  width: 81.3333333333vw;
  height: 100%;
  max-height: 90%;
  background-color: var(--color-white);
}
.amuletModal .scrollContent {
  padding: 11.6vw 8vw 9.3333333333vw;

  -ms-scroll-chaining: none;

      overscroll-behavior: contain;
  scroll-behavior: smooth;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent {
    padding: clamp(54px, 7.03125vw, 90px) clamp(60px, 7.8125vw, 100px) clamp(30px, 3.90625vw, 50px);
  }
}
.amuletModal .scrollContent > .modalImg {
  width: 100%;
  background-color: #edf0fd;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%), linear-gradient(135deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%), linear-gradient(225deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%), linear-gradient(315deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%);
  background-position: center;
  background-size: 18.9333333333vw 18.9333333333vw;

  aspect-ratio: 490/327;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .modalImg {
    background-size: clamp(65.4px, 8.515625vw, 109px) clamp(65.4px, 8.515625vw, 109px);
  }
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .modalImg {
    width: clamp(268.8px, 35vw, 448px);

    aspect-ratio: 448/300;
  }
}
.amuletModal .scrollContent > .lead {
  position: relative;
  margin: 7.3333333333vw auto 0;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.05em;
  font-size: 3.7333333333vw;
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .lead {
    margin-top: clamp(19.8px, 2.578125vw, 33px);
    font-size: clamp(12px, 1.5625vw, 20px);
  }
}
.amuletModal .scrollContent > .lead::before,
.amuletModal .scrollContent > .lead::after {
  content: "";
  position: absolute;
  bottom: -0.5333333333vw;
  width: 4vw;
  height: 4.2666666667vw;
  background-color: var(--color-black);

  -webkit-clip-path: polygon(43% 0, 0% 100%, 79% 0);

          clip-path: polygon(43% 0, 0% 100%, 79% 0);
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .lead::before,
  .amuletModal .scrollContent > .lead::after {
    bottom: clamp(-2px, -0.15625vw, -1.2px);
    width: clamp(10.8px, 1.40625vw, 18px);
    height: clamp(13.2px, 1.71875vw, 22px);
  }
}
.amuletModal .scrollContent > .lead::before {
  left: -5.3333333333vw;
  transform: rotateY(180deg);
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .lead::before {
    left: clamp(-25px, -1.953125vw, -15px);
  }
}
.amuletModal .scrollContent > .lead::after {
  right: -5.3333333333vw;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .lead::after {
    right: clamp(-22px, -1.71875vw, -13.2px);
  }
}
.amuletModal .scrollContent > .ttl {
  margin-top: 1.3333333333vw;
  text-align: center;
  color: var(--color-midnight-blue);
  font-size: 4.5333333333vw;
  font-weight: bold;
  line-height: 1.3529411765;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .ttl {
    margin-top: clamp(1.8px, 0.234375vw, 3px);
    font-size: clamp(14.4px, 1.875vw, 24px);
    line-height: 1.4583333333;
  }
}
.amuletModal .scrollContent > .modalLink {
  margin-top: 7.4666666667vw;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .modalLink {
    margin-top: clamp(36px, 4.6875vw, 60px);
  }
}
.amuletModal .scrollContent > .download {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 5.7333333333vw;
  padding: 0 1.6vw 0.6666666667vw 0;
  border: solid 1px var(--color-midnight-blue);
  border-radius: 9999px;
  width: 64vw;
  max-width: 100%;
  height: 10.6666666667vw;
  background-color: var(--color-white);
  text-align: center;
  color: var(--color-midnight-blue);
  font-size: 3.7333333333vw;
  font-weight: bold;
  line-height: 1.4285714286;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .download {
    margin: clamp(18px, 2.34375vw, 30px) auto 0;
    padding: 0;
    width: clamp(156px, 20.3125vw, 260px);
    height: clamp(39.6px, 5.15625vw, 66px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.25;
  }
}
.amuletModal .scrollContent > .download::before {
  content: "";
  position: absolute;
  width: 1.8666666667vw;
  height: 3.2vw;
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;

  inset: 0 5.0666666667vw 0 auto;
  margin-block: auto;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .download::before {
    right: clamp(11.4px, 1.484375vw, 19px);
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
@media (any-hover: hover) {
  .amuletModal .scrollContent > .download::before {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .amuletModal .scrollContent > .download:hover::before {
    transform: translate3d(40%, 0, 0);
  }
}
.amuletModal .scrollContent > .featureBox {
  margin-top: 8.5333333333vw;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .featureBox {
    margin-top: clamp(24px, 3.125vw, 40px);
  }
}
.amuletModal .scrollContent > .controlBox {
  margin-top: 12vw;
}
@media (min-width: 768px) {
  .amuletModal .scrollContent > .controlBox {
    margin: clamp(48px, 6.25vw, 80px) auto 0;
    width: clamp(240px, 31.25vw, 400px);
  }
}
.amuletModal .modalImg {
  position: relative;
}
.amuletModal .modalImg > .amuletBox {
  position: absolute;

  inset: 0;
}
.amuletModal .amuletBox {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .amuletModal .amuletBox {
    gap: clamp(9px, 1.171875vw, 15px);
  }
}
.amuletModal .amuletBox > .pattern {
  width: 22vw;
}
@media (min-width: 768px) {
  .amuletModal .amuletBox > .pattern {
    width: clamp(88.8px, 11.5625vw, 148px);
  }
}
.amuletModal .amuletBox > .txt {
  width: 22vw;
}
@media (min-width: 768px) {
  .amuletModal .amuletBox > .txt {
    width: clamp(88.8px, 11.5625vw, 148px);
  }
}
.amuletModal .amuletBox > .txt:focus {
  outline: none;
}
.amuletModal .modalLink {
  display: grid;

  grid-template-columns: 100%;
  gap: 3.3333333333vw;
}
@media (min-width: 768px) {
  .amuletModal .modalLink {
    grid-template-columns: repeat(2, clamp(230.4px, 30vw, 384px));
    gap: clamp(18px, 2.34375vw, 30px);
  }
}
.amuletModal .modalLink > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 9999px;
  height: 14.2666666667vw;
  background: linear-gradient(to right, #0a2578 0%, #05125a 96%);
  text-align: center;
  color: var(--color-white);
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 1.2307692308;
}
@media (min-width: 768px) {
  .amuletModal .modalLink > .btn {
    height: clamp(39.6px, 5.15625vw, 66px);
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.4444444444;
  }
}
.amuletModal .modalLink > .btn::before {
  content: "";
  position: absolute;
  width: 1.8666666667vw;
  height: 3.2vw;
  background: url("../../img/common/icon-arrow-w.svg") no-repeat;
  background-size: contain;

  inset: 0 5.3333333333vw 0 auto;
  margin-block: auto;
}
@media (min-width: 768px) {
  .amuletModal .modalLink > .btn::before {
    right: clamp(11.4px, 1.484375vw, 19px);
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
@media (max-width: 767.98px) {
  .amuletModal .modalLink > .btn.pr {
    padding-right: 4.5333333333vw;
  }
}
@media (any-hover: hover) {
  .amuletModal .modalLink > .btn::before {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .amuletModal .modalLink > .btn:hover::before {
    transform: translate3d(40%, 0, 0);
  }
}
@media (max-width: 767.98px) {
  .amuletModal .modalLink > .btn.send {
    padding-right: 4.4vw;
  }
}
.amuletModal .featureBox > .ttl {
  padding: 1.3333333333vw;
  background-color: var(--color-pale-blue);
  text-align: center;
  color: var(--color-midnight-blue);
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .amuletModal .featureBox > .ttl {
    padding: clamp(4.8px, 0.625vw, 8px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.5;
  }
}
.amuletModal .featureBox > .ttl:not(:first-of-type) {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .amuletModal .featureBox > .ttl:not(:first-of-type) {
    margin-top: clamp(13.2px, 1.71875vw, 22px);
  }
}
.amuletModal .featureBox > .txt {
  margin-top: 4vw;
  color: var(--color-midnight-blue);
  font-size: 4vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .amuletModal .featureBox > .txt {
    margin-top: clamp(9.6px, 1.25vw, 16px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.875;
  }
}
.amuletModal .featureBox > .featureDetail {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .amuletModal .featureBox > .featureDetail {
    margin-top: clamp(16.8px, 2.1875vw, 28px);
  }
}
.amuletModal .detailBox > .ttl,
.amuletModal .detailBox > .txt {
  color: var(--color-midnight-blue);
  font-size: 4vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .amuletModal .detailBox > .ttl,
  .amuletModal .detailBox > .txt {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.875;
  }
}
.amuletModal .detailBox > .ttl {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
}
.amuletModal .detailBox > .ttl::before {
  content: "";
  position: absolute;
  bottom: 1.0666666667vw;
  left: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: var(--color-midnight-blue);
}
@media (min-width: 768px) {
  .amuletModal .detailBox > .ttl::before {
    bottom: clamp(1.2px, 0.15625vw, 2px);
    height: clamp(1.2px, 0.15625vw, 2px);
  }
}
.amuletModal .detailBox > .ttl:not(:first-of-type) {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .amuletModal .detailBox > .ttl:not(:first-of-type) {
    margin-top: clamp(6px, 0.78125vw, 10px);
  }
}
.amuletModal .controlBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.amuletModal .controlPrev {
  position: relative;
  padding-left: 5.3333333333vw;
}
@media (min-width: 768px) {
  .amuletModal .controlPrev {
    padding-left: clamp(18px, 2.34375vw, 30px);
  }
}
.amuletModal .controlPrev::before {
  content: "";
  position: absolute;
  width: 1.7333333333vw;
  height: 3.3333333333vw;
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;

  inset: 0 auto 0 0;
  margin-block: auto;
  rotate: 180deg;
}
@media (min-width: 768px) {
  .amuletModal .controlPrev::before {
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
.amuletModal .controlPrev > .img {
  display: block;
  width: 11.2vw;
}
@media (min-width: 768px) {
  .amuletModal .controlPrev > .img {
    width: clamp(37.2px, 4.84375vw, 62px);
  }
}
@media (any-hover: hover) {
  .amuletModal .controlPrev::before {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .amuletModal .controlPrev:hover::before {
    transform: translate3d(40%, 0, 0);
  }
}
.amuletModal .controlNext {
  position: relative;
  padding-right: 5.3333333333vw;
}
@media (min-width: 768px) {
  .amuletModal .controlNext {
    padding-right: clamp(16.2px, 2.109375vw, 27px);
  }
}
.amuletModal .controlNext::before {
  content: "";
  position: absolute;
  width: 1.7333333333vw;
  height: 3.3333333333vw;
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;

  inset: 0 0 0 auto;
  margin-block: auto;
}
@media (min-width: 768px) {
  .amuletModal .controlNext::before {
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
.amuletModal .controlNext > .img {
  display: block;
  width: 11.2vw;
}
@media (min-width: 768px) {
  .amuletModal .controlNext > .img {
    width: clamp(37.2px, 4.84375vw, 62px);
  }
}
@media (any-hover: hover) {
  .amuletModal .controlNext::before {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .amuletModal .controlNext:hover::before {
    transform: translate3d(40%, 0, 0);
  }
}
.amuletModal .controlCount {
  color: #aeabe0;
  font-size: 4.5333333333vw;
  font-weight: bold;
  line-height: 1.0588235294;
}
@media (min-width: 768px) {
  .amuletModal .controlCount {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.5;
  }
}
.amuletModal .controlCount > .current {
  color: var(--color-midnight-blue);
}
@media (min-width: 768px) {
  .amuletModal {
    width: clamp(600px, 78.125vw, 1000px);
    height: min(80vh, 80%);
    max-height: clamp(600px, 78.125vw, 1000px);
  }
}
.amuletModal > .scrollBox {
  height: 100%;
}
.amuletModal > .close {
  display: block;
  position: absolute;
  top: 3.2vw;
  right: 3.2vw;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  min-height: inherit;
}
@media (min-width: 768px) {
  .amuletModal > .close {
    top: clamp(15px, 1.953125vw, 25px);
    right: clamp(15px, 1.953125vw, 25px);
    width: clamp(14.4px, 1.875vw, 24px);
    height: clamp(14.4px, 1.875vw, 24px);
  }
}
.amuletModal > .close > img {
  position: absolute;

  inset: 0;
}
.amuletModal .simplebar-scrollbar {
  border-radius: 999px;
  background-color: var(--color-midnight-blue);
}
.amuletModal .simplebar-scrollbar::before {
  content: none;
}
.amuletModal .simplebar-track.simplebar-vertical {
  top: 12vw;
  right: 2.9333333333vw;
  bottom: 5.3333333333vw;
  border-radius: 999px;
  width: 0.9333333333vw;
  background-color: #ebebeb;
}
@media (min-width: 768px) {
  .amuletModal .simplebar-track.simplebar-vertical {
    top: clamp(52.8px, 6.875vw, 88px);
    right: clamp(21px, 2.734375vw, 35px);
    bottom: clamp(36px, 4.6875vw, 60px);
    width: clamp(4.2px, 0.546875vw, 7px);
  }
}

.clubList .itemCard {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  animation: 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.1s forwards amulet-item-fade-in, 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s forwards amulet-item-slide-up;
}
.clubList .itemCard > .itemBtn {
  width: 100%;
  height: 42.2666666667vw;
}
@media (min-width: 768px) {
  .clubList .itemCard > .itemBtn {
    height: clamp(138px, 17.96875vw, 230px);
  }
}
@keyframes amulet-item-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes amulet-item-slide-up {
  0% {
    transform: translate3d(0, 20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.clubList .itemCards {
  display: grid;

  grid-template-columns: repeat(2, 1fr);
  gap: 4.8vw;
}
@media (min-width: 768px) {
  .clubList .itemCards {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(12px, 1.5625vw, 20px) clamp(15.6px, 2.03125vw, 26px);
  }
}
.clubList .filterBox > .caption {
  width: 100%;
  text-align: center;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 0.75;
}
@media (min-width: 768px) {
  .clubList .filterBox > .caption {
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 1.3636363636;
  }
}
.clubList .filterBox > .filterBtns {
  margin-top: 5.8666666667vw;
}
@media (min-width: 768px) {
  .clubList .filterBox > .filterBtns {
    margin-top: clamp(13.2px, 1.71875vw, 22px);
  }
}
.clubList .filterBtn {
  position: relative;
}
.clubList .filterBtn > .label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 999px;
  cursor: pointer;
  background-color: #504c9f;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 4.5333333333vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .clubList .filterBtn > .label {
    font-size: clamp(12px, 1.5625vw, 20px);
  }
}
@media (any-hover: hover) {
  .clubList .filterBtn > .label {
    transition: 0.1s cubic-bezier(0, 0, 0.58, 1);
    transition-property: color, background-color;
  }
  .clubList .filterBtn > .label:hover {
    background-color: var(--color-white);
    color: var(--color-midnight-blue);
  }
}
.clubList .filterBtn input:checked + .label {
  background-color: var(--color-white);
  color: var(--color-midnight-blue);
}
.clubList .filterBtns {
  display: grid;

  grid-template-columns: repeat(4, 1fr);
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .clubList .filterBtns {
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(13.2px, 1.71875vw, 22px) clamp(15.6px, 2.03125vw, 26px);
  }
}
.clubList .filterBtns > .filterBtn {
  height: 13.3333333333vw;
}
@media (max-width: 767.98px) {
  .clubList .filterBtns > .filterBtn:nth-child(9) {
    grid-area: 3/2;
  }
  .clubList .filterBtns > .filterBtn:nth-child(10) {
    grid-area: 3/3;
  }
}
@media (min-width: 768px) {
  .clubList .filterBtns > .filterBtn {
    height: clamp(30px, 3.90625vw, 50px);
  }
}
.clubList .itemBtn {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border-radius: 2.6666666667vw;
  background-color: var(--color-white);
  color: var(--color-midnight-blue);
}
@media (max-width: 767.98px) {
  .clubList .itemBtn {
    padding-bottom: 3.2vw;
  }
}
@media (min-width: 768px) {
  .clubList .itemBtn {
    border-radius: clamp(12px, 1.5625vw, 20px);
  }
}
.clubList .itemBtn::before {
  content: "";
  position: absolute;
  right: 2.4vw;
  bottom: 2.4vw;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background: 0 0/100% no-repeat url("../../img/index/base/club-list-plus.svg");
  font-size: 0;
}
@media (min-width: 768px) {
  .clubList .itemBtn::before {
    right: clamp(7.2px, 0.9375vw, 12px);
    bottom: clamp(7.2px, 0.9375vw, 12px);
    width: clamp(9px, 1.171875vw, 15px);
    height: clamp(9px, 1.171875vw, 15px);
  }
}
.clubList .itemBtn > .img {
  width: 32.1333333333vw;
}
@media (min-width: 768px) {
  .clubList .itemBtn > .img {
    width: clamp(94.2px, 12.265625vw, 157px);
  }
}
.clubList .itemBtn > .label {
  margin-top: 2.1333333333vw;
  padding: 0.8vw 1.6vw;
  background-color: var(--color-midnight-blue);
  white-space: pre-wrap;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.0454545455;
}
@media (min-width: 768px) {
  .clubList .itemBtn > .label {
    margin-top: clamp(8.4px, 1.09375vw, 14px);
    padding: clamp(3px, 0.390625vw, 5px) clamp(6.6px, 0.859375vw, 11px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.2142857143;
  }
}
@media (any-hover: hover) {
  .clubList .itemBtn {
    transition: background-color 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }
  .clubList .itemBtn:hover {
    background-color: var(--color-pale-blue-purple);
  }
}
.clubList .itemImg {
  display: flex;
}
.clubList .itemImg > * + * {
  margin-left: 2.1333333333vw;
}
@media (min-width: 768px) {
  .clubList .itemImg > * + * {
    margin-left: clamp(6px, 0.78125vw, 10px);
  }
}
.clubList .itemImg > .img {
  width: 14.5333333333vw;
}
@media (min-width: 768px) {
  .clubList .itemImg > .img {
    width: clamp(41.4px, 5.390625vw, 69px);
  }
}
.clubList .moreBtn {
  display: flex;
  align-items: center;
  justify-content: center;

  -moz-column-gap: 1.7333333333vw;

       column-gap: 1.7333333333vw;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .clubList .moreBtn {
    -moz-column-gap: clamp(3px, 0.390625vw, 5px);
         column-gap: clamp(3px, 0.390625vw, 5px);
  }
}
.clubList .moreBtn > .label {
  color: var(--color-white);
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.4666666667;
}
@media (min-width: 768px) {
  .clubList .moreBtn > .label {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.45;
  }
}
.clubList .moreBtn > .icon {
  position: relative;
  border-radius: 50%;
  width: 6.9333333333vw;
  height: 6.9333333333vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .clubList .moreBtn > .icon {
    width: clamp(15.6px, 2.03125vw, 26px);
    height: clamp(15.6px, 2.03125vw, 26px);
  }
}
.clubList .moreBtn > .icon::before {
  content: "";
  position: absolute;
  transition: opacity 0.18s cubic-bezier(0.165, 0.84, 0.44, 1) 0.18s, transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1) 0.18s;
  background: no-repeat 0 0/contain url("../../img/common/icon-plus-circle-sm.svg");
  background-size: contain;

  inset: 0;
}
@media (min-width: 768px) {
  .clubList .moreBtn > .icon::before {
    background-image: url("../../img/common/icon-plus-circle-lg.svg");
  }
}
.clubList .moreBtn > .icon::after {
  content: "";
  opacity: 0;
  position: absolute;
  margin: auto;
  width: 3.2vw;
  height: 3.2vw;
  transition: opacity 0.18s cubic-bezier(0.895, 0.03, 0.685, 0.22), transform 0.18s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transform: scale(0.3);
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;
  font-size: 0;

  inset: 1.6vw 0 0;
  rotate: 90deg;
}
@media (min-width: 768px) {
  .clubList .moreBtn > .icon::after {
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(7.8px, 1.015625vw, 13px);

    inset: 15% 0 0;
  }
}
@media (any-hover: hover) {
  .clubList .moreBtn:hover > .icon::before {
    opacity: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transform: scale(0.3);
  }
  .clubList .moreBtn:hover > .icon::after {
    opacity: 1;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1);
  }
}
.clubList > .filterBox {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .clubList > .filterBox {
    width: clamp(456px, 59.375vw, 760px);
  }
}
.clubList > .itemCards {
  margin-top: 6.9333333333vw;
}
@media (min-width: 768px) {
  .clubList > .itemCards {
    margin-top: clamp(28.8px, 3.75vw, 48px);
  }
}
.clubList > .notfound {
  margin-top: 8vw;
  text-align: center;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .clubList > .notfound {
    margin-top: clamp(27.6px, 3.59375vw, 46px);
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.7;
  }
}
.clubList > .moreBtn {
  margin: 10.6666666667vw auto 0;
}
@media (min-width: 768px) {
  .clubList > .moreBtn {
    margin-top: clamp(18px, 2.34375vw, 30px);
  }
}

.clubModal {
  overflow: hidden;
  position: relative;
  width: 81.3333333333vw;
  background-color: var(--color-white);
}
.clubModal .amuletBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding: 11.4666666667vw 8vw;
}
@media (min-width: 768px) {
  .clubModal .amuletBox {
    padding: clamp(33.6px, 4.375vw, 56px) clamp(60px, 7.8125vw, 100px) clamp(43.2px, 5.625vw, 72px);
  }
}
.clubModal .amuletBox > .h {
  text-align: center;
  white-space: pre-wrap;
  letter-spacing: -0.03em;
  color: var(--color-midnight-blue);
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 0.9285714286;
}
@media (min-width: 768px) {
  .clubModal .amuletBox > .h {
    font-size: clamp(16.8px, 2.1875vw, 28px);
    line-height: 1.3928571429;
  }
}
.clubModal .amuletBox > .amuletImg {
  margin-top: 4.8vw;
  width: 65.3333333333vw;
  height: 43.6vw;
}
@media (min-width: 768px) {
  .clubModal .amuletBox > .amuletImg {
    margin-top: clamp(16.8px, 2.1875vw, 28px);
    width: clamp(269.064px, 35.034375vw, 448.44px);
    height: clamp(179.742px, 23.40390625vw, 299.57px);
  }
}
.clubModal .amuletBox > .img {
  margin-top: 4.8vw;
}
@media (min-width: 768px) {
  .clubModal .amuletBox > .img {
    margin-top: clamp(16.8px, 2.1875vw, 28px);
    width: clamp(269.064px, 35.034375vw, 448.44px);
  }
}
.clubModal .amuletBox > .linkBtns {
  margin-top: 9.0666666667vw;
  width: 100%;
}
@media (min-width: 768px) {
  .clubModal .amuletBox > .linkBtns {
    margin-top: clamp(30px, 3.90625vw, 50px);
  }
}
.clubModal .amuletBox > .controlBox {
  margin-top: 9.3333333333vw;
  width: 100%;
}
@media (min-width: 768px) {
  .clubModal .amuletBox > .controlBox {
    margin-top: clamp(28.2px, 3.671875vw, 47px);
    width: clamp(244.044px, 31.7765625vw, 406.74px);
  }
}
.clubModal .amuletImg {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
}
.clubModal .amuletImg.lazyloaded {
  background-image: url("../../img/index/base/club-list-amulet-bg-sm.webp");
}
.clubModal .no-webp .amuletImg.lazyloaded {
  background-image: url("../../img/index/base/club-list-amulet-bg-sm.png");
}
.clubModal .lazyloaded::before,
.clubModal .lazyloaded::after {
  background-image: url("../../img/index/base/club-list-amulet-bg-sm.webp");
}
.clubModal .no-webp .lazyloaded::before,
.clubModal .no-webp .lazyloaded::after {
  background-image: url("../../img/index/base/club-list-amulet-bg-sm.png");
}
@media (min-width: 768px) {
  .clubModal .amuletImg.lazyloaded {
    background-image: url("../../img/index/base/club-list-amulet-bg-lg.webp");
  }
  .clubModal .no-webp .amuletImg.lazyloaded {
    background-image: url("../../img/index/base/club-list-amulet-bg-lg.png");
  }
  .clubModal .lazyloaded::before,
  .clubModal .lazyloaded::after {
    background-image: url("../../img/index/base/club-list-amulet-bg-lg.webp");
  }
  .clubModal .no-webp .lazyloaded::before,
  .clubModal .no-webp .lazyloaded::after {
    background-image: url("../../img/index/base/club-list-amulet-bg-lg.png");
  }
}
.clubModal .amuletImg > * + * {
  margin-left: 2.9333333333vw;
}
@media (min-width: 768px) {
  .clubModal .amuletImg > * + * {
    margin-left: clamp(12px, 1.5625vw, 20px);
  }
}
.clubModal .amuletImg > .img {
  width: 20.6666666667vw;
}
@media (min-width: 768px) {
  .clubModal .amuletImg > .img {
    width: clamp(85.2px, 11.09375vw, 142px);
  }
}
.clubModal .controlBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .clubModal .controlBox {
    padding-inline: 1.3333333333vw;
  }
}
.clubModal .controlCount {
  color: #aeabe0;
  font-size: 4.5333333333vw;
  font-weight: bold;
  line-height: 1.0588235294;
}
@media (min-width: 768px) {
  .clubModal .controlCount {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.5;
  }
}
.clubModal .controlCount > .current {
  color: var(--color-midnight-blue);
}
.clubModal .controlNext {
  position: relative;
  padding-right: 5.3333333333vw;
}
@media (min-width: 768px) {
  .clubModal .controlNext {
    padding-right: clamp(16.2px, 2.109375vw, 27px);
  }
}
.clubModal .controlNext::before {
  content: "";
  position: absolute;
  width: 1.7333333333vw;
  height: 3.3333333333vw;
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;

  inset: 0 0 0 auto;
  margin-block: auto;
}
@media (min-width: 768px) {
  .clubModal .controlNext::before {
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
.clubModal .controlNext > .img {
  display: block;
  position: relative;
  width: 10.4vw;
}
@media (min-width: 768px) {
  .clubModal .controlNext > .img {
    width: clamp(39px, 5.078125vw, 65px);
  }
}
@media (any-hover: hover) {
  .clubModal .controlNext::before {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .clubModal .controlNext:hover::before {
    transform: translate3d(40%, 0, 0);
  }
}
.clubModal .controlPrev {
  position: relative;
  padding-left: 5.3333333333vw;
}
@media (min-width: 768px) {
  .clubModal .controlPrev {
    padding-left: clamp(18px, 2.34375vw, 30px);
  }
}
.clubModal .controlPrev::before {
  content: "";
  position: absolute;
  width: 1.7333333333vw;
  height: 3.3333333333vw;
  background: url("../../img/common/icon-arrow-b.svg") no-repeat;
  background-size: contain;

  inset: 0 auto 0 0;
  margin-block: auto;
  rotate: 180deg;
}
@media (min-width: 768px) {
  .clubModal .controlPrev::before {
    top: clamp(4.8px, 0.625vw, 8px);
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
.clubModal .controlPrev > .img {
  display: block;
  position: relative;
  width: 10.4vw;
}
@media (min-width: 768px) {
  .clubModal .controlPrev > .img {
    width: clamp(39px, 5.078125vw, 65px);
  }
}
@media (any-hover: hover) {
  .clubModal .controlPrev::before {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .clubModal .controlPrev:hover::before {
    transform: translate3d(40%, 0, 0);
  }
}
.clubModal .linkBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 999px;
  background: linear-gradient(to right, #0a2578, #05125a);
}
.clubModal .linkBtn > .label {
  text-align: center;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 1.4230769231;
}
@media (min-width: 768px) {
  .clubModal .linkBtn > .label {
    margin-left: clamp(-20px, -1.5625vw, -12px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.25;
  }
}
@media (min-width: 768px) {
  .clubModal .linkBtn > .label.sm {
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.4285714286;
  }
}
.clubModal .linkBtn > .icon {
  position: absolute;
  top: 0;
  right: 4vw;
  bottom: 0;
  margin: auto;
  width: 2.6986666667vw;
  height: 2.6986666667vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .clubModal .linkBtn > .icon {
    right: clamp(13.8px, 1.796875vw, 23px);
    width: clamp(9px, 1.171875vw, 15px);
    height: clamp(9px, 1.171875vw, 15px);
  }
}
@media (any-hover: hover) {
  .clubModal .linkBtn {
    transition: opacity 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .clubModal .linkBtn:hover {
    opacity: 0.7;
  }
}
@media (max-width: 767.98px) {
  .clubModal .linkBtns > * + * {
    margin-top: 3.2vw;
  }
}
@media (min-width: 768px) {
  .clubModal .linkBtns {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    gap: clamp(12px, 1.5625vw, 20px) clamp(6px, 0.78125vw, 10px);
  }
}
.clubModal .linkBtns > .linkBtn {
  height: 14.2666666667vw;
}
@media (min-width: 768px) {
  .clubModal .linkBtns > .linkBtn {
    height: clamp(39.6px, 5.15625vw, 66px);
  }
  .clubModal .linkBtns > .linkBtn:last-child {
    grid-area: 2/2;
  }
}
@media (min-width: 768px) {
  .clubModal {
    width: clamp(600px, 78.125vw, 1000px);
  }
}
.clubModal > .scrollBox {
  max-height: 90vh;
}
.clubModal > .close {
  position: absolute;
  top: 3.2vw;
  right: 2.4vw;
  width: 4.9333333333vw;
  height: 4.5333333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .clubModal > .close {
    top: clamp(12px, 1.5625vw, 20px);
    right: clamp(15.6px, 2.03125vw, 26px);
    width: clamp(14.4px, 1.875vw, 24px);
    height: clamp(15.6px, 2.03125vw, 26px);
  }
}
.clubModal .simplebar-scrollbar {
  border-radius: 999px;
  background-color: var(--color-midnight-blue);
}
.clubModal .simplebar-scrollbar::before {
  content: none;
}
.clubModal .simplebar-track.simplebar-vertical {
  top: 12vw;
  right: 2.9333333333vw;
  bottom: 5.3333333333vw;
  border-radius: 999px;
  width: 0.9333333333vw;
  background-color: #ebebeb;
}
@media (min-width: 768px) {
  .clubModal .simplebar-track.simplebar-vertical {
    top: clamp(52.8px, 6.875vw, 88px);
    right: clamp(21px, 2.734375vw, 35px);
    bottom: clamp(36px, 4.6875vw, 60px);
    width: clamp(4.2px, 0.546875vw, 7px);
  }
}

.mvWrap .baseBox {
  position: relative;
  padding: 2.8vw 2.8vw 0;
}
@media (min-width: 768px) {
  .mvWrap .baseBox {
    padding: clamp(8.4px, 1.09375vw, 14px) clamp(7.8px, 1.015625vw, 13px) 0;
  }
}
.mvWrap .baseBox.hidden {
  display: none;
}
@media (max-width: 767.98px) {
  .mvWrap .baseBox > .baseContent {
    margin-top: 3.6666666667vw;
  }
}
@media (min-width: 768px) {
  .mvWrap .baseBox > .baseContent {
    position: absolute;

    inset: 0;
  }
}
.mvWrap .baseBox > .copyBox {
  position: relative;
  left: calc(50% - 50vw);
  margin-top: -3.7333333333vw;
  width: 100vw;
}
@media (min-width: 768px) {
  .mvWrap .baseBox > .copyBox {
    margin-top: clamp(8.4px, 1.09375vw, 14px);
  }
}
.mvWrap .baseBox .baseGrid > .img img {
  opacity: 0;
  transform: scale(1.2);
}
.mvWrap .baseBox .baseLogo {
  opacity: 0;
  transform: scale(1.2);

  filter: blur(8px);
}
.mvWrap .baseBox .baseLogo > .ttl {
  -webkit-mask: no-repeat 0 0/100% url("../../img/index/base/mv-ttl-sm.webp");
          mask: no-repeat 0 0/100% url("../../img/index/base/mv-ttl-sm.webp");
}
@media (min-width: 768px) {
  .mvWrap .baseBox .baseLogo > .ttl {
    -webkit-mask-image: url("../../img/index/base/mv-ttl-lg.webp");
            mask-image: url("../../img/index/base/mv-ttl-lg.webp");
  }
}
.mvWrap .baseBox .baseLogo > .ttl::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-image: linear-gradient(110deg, transparent 0, transparent 45%, rgba(255, 255, 255, 0.9) 55%, transparent 65%, transparent 100%);
  background-position: 200%;
  background-size: 200% 100%;

  inset: 0 -50%;
}
.mvWrap .baseBox .baseImg {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}
.mvWrap .baseBox .copyBox::before {
  transform: scaleX(0);
  transform-origin: left;
}
.mvWrap .baseBox .copyBox > .copy {
  opacity: 0;
}
.mvWrap .baseBox.animated .baseGrid > .img img {
  opacity: 1;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: scale(1);
}
.mvWrap .baseBox.animated .baseGrid > .img.img01 img {
  transition-delay: 0.4s;
}
.mvWrap .baseBox.animated .baseGrid > .img.img02 img {
  transition-delay: 0.6s;
}
.mvWrap .baseBox.animated .baseGrid > .img.img03 img {
  transition-delay: 0.8s;
}
.mvWrap .baseBox.animated .baseGrid > .img.img04 img {
  transition-delay: 1s;
}
.mvWrap .baseBox.animated .baseLogo {
  opacity: 1;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75), opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 1.5s;
  transform: scale(1);

  filter: blur(0);
}
.mvWrap .baseBox.animated .baseLogo > .ttl::before {
  transition: background-position 2.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 2.9s;
  background-position: 0%;
}
.mvWrap .baseBox.animated .baseImg {
  opacity: 1;
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 1.5s;
  transform: translate3d(0, 0, 0);
}
.mvWrap .baseBox.animated .copyBox::before {
  transition: transform 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 2.1s;
  transform: scaleX(1);
}
.mvWrap .baseBox.animated .copyBox > .copy {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0, 0, 0.58, 1);
  transition-delay: 2.2s;
}
.mvWrap .baseContent {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 0;
}
@media (min-width: 768px) {
  .mvWrap .baseContent {
    padding-top: clamp(24px, 3.125vw, 40px);
  }
}
@media (max-width: 767.98px) {
  .mvWrap .baseContent > .baseImg {
    margin-top: -5.6vw;
    margin-left: -1.6vw;
  }
}
@media (min-width: 768px) {
  .mvWrap .baseContent > .baseImg {
    margin-top: clamp(-20px, -1.5625vw, -12px);
  }
}
.mvWrap .baseGrid {
  display: grid;
  position: relative;

  grid-template-columns: repeat(2, 1fr);
  gap: 2.8vw;
}
@media (min-width: 768px) {
  .mvWrap .baseGrid {
    justify-content: space-between;

    grid-template-columns: repeat(2, clamp(247.602px, 32.23984375vw, 412.67px));
    gap: clamp(7.8px, 1.015625vw, 13px) 0;
  }
}
.mvWrap .baseGrid > .img {
  overflow: hidden;
  border-radius: 1.3333333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .mvWrap .baseGrid > .img {
    border-radius: clamp(6.6px, 0.859375vw, 11px);
  }
}
@media (max-width: 767.98px) {
  .mvWrap .baseImg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 3.2vw;
  }
}
@media (max-width: 767.98px) {
  .mvWrap .baseImg > .omamori {
    flex: 0 0 38.2666666667vw;
  }
}
@media (min-width: 768px) {
  .mvWrap .baseImg > .omamori {
    width: clamp(138px, 17.96875vw, 230px);
  }
}
@media (max-width: 767.98px) {
  .mvWrap .baseImg > .evea {
    flex: 0 0 40.292vw;
    margin-top: 1.8666666667vw;
    margin-left: 0.5333333333vw;
  }
}
@media (min-width: 768px) {
  .mvWrap .baseImg > .evea {
    margin-top: clamp(-27px, -2.109375vw, -16.2px);
    width: clamp(136.2px, 17.734375vw, 227px);
  }
}
.mvWrap .baseLogo {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mvWrap .baseLogo > .ttl {
  width: 68.5746666667vw;
}
@media (min-width: 768px) {
  .mvWrap .baseLogo > .ttl {
    width: clamp(192.57px, 25.07421875vw, 320.95px);
  }
}
.mvWrap .baseLogo > .lead {
  margin-top: 1.9866666667vw;
  width: 55.4653333333vw;
}
@media (min-width: 768px) {
  .mvWrap .baseLogo > .lead {
    margin-top: clamp(7.56px, 0.984375vw, 12.6px);
    margin-left: clamp(5.4px, 0.703125vw, 9px);
    width: clamp(168.93px, 21.99609375vw, 281.55px);
  }
}
.mvWrap .copyBox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 1.1066666667vw 0;
}
@media (min-width: 768px) {
  .mvWrap .copyBox {
    padding: clamp(4.26px, 0.5546875vw, 7.1px) 0 clamp(4.08px, 0.53125vw, 6.8px);
  }
}
.mvWrap .copyBox::before {
  content: "";
  position: absolute;
  background-color: #0b318f;

  inset: 0;
}
.mvWrap .copyBox > .copy {
  z-index: 1;
  width: 51.66vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .mvWrap .copyBox > .copy {
    width: clamp(191.142px, 24.88828125vw, 318.57px);
  }
}
.mvWrap > .mvBox {
  margin: 0 auto;
  max-width: 1280px;
}

.tabsWrap .tabsBox {
  position: relative;
}
.tabsWrap .tabsBox::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-midnight-blue);
}
@media (min-width: 768px) {
  .tabsWrap .tabsBox::before {
    height: clamp(1.2px, 0.15625vw, 2px);
  }
}
.tabsWrap .tabsBox > .tabList {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .tabsWrap .tabsBox > .tabList {
    width: clamp(600px, 78.125vw, 1000px);

    margin-inline: auto;
  }
}
.tabsWrap .tabList {
  display: flex;
}
.tabsWrap .tabList > .tab {
  display: flex;
  align-items: center;
  flex: 1 0;
  justify-content: center;
  height: 13.3333333333vw;
  background-color: var(--color-midnight-blue);
  letter-spacing: 0;
  color: var(--color-white);
  box-shadow: 0 -0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.16);
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.6333333333;
}
@media (min-width: 768px) {
  .tabsWrap .tabList > .tab {
    height: clamp(36px, 4.6875vw, 60px);
    box-shadow: 0 clamp(-4px, -0.3125vw, -2.4px) clamp(6px, 0.78125vw, 10px) rgba(0, 0, 0, 0.16);
    font-size: clamp(13.2px, 1.71875vw, 22px);
  }
}
.tabsWrap .tabList > .tab[aria-selected=true] {
  z-index: 1;
  background-color: var(--color-white);
  color: var(--color-midnight-blue);
  box-shadow: var(--tab-shadow-x) -0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  .tabsWrap .tabList > .tab[aria-selected=true] {
    box-shadow: var(--tab-shadow-x) clamp(-4px, -0.3125vw, -2.4px) clamp(6px, 0.78125vw, 10px) rgba(0, 0, 0, 0.3);
  }
}
.tabsWrap .tabList > .tab:nth-child(1) {
  --tab-shadow-x: 0.5333333333vw;
}
@media (min-width: 768px) {
  .tabsWrap .tabList > .tab:nth-child(1) {
    --tab-shadow-x: clamp(2.4px, 0.3125vw, 4px);
  }
}
.tabsWrap .tabList > .tab:nth-child(2) {
  --tab-shadow-x: -0.5333333333vw;
}
@media (min-width: 768px) {
  .tabsWrap .tabList > .tab:nth-child(2) {
    --tab-shadow-x: clamp(-4px, -0.3125vw, -2.4px);
  }
}
.tabsWrap .tabPanel.hidden {
  display: none;
}
.tabsWrap > .tabPanel {
  position: relative;
  z-index: 1;
}

.productWrap {
  padding: 14.4vw 0.6666666667vw 0;
  background-color: var(--color-white);
}
.productWrap .featureBox > .h {
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 6.1333333333vw;
  font-weight: 700;
  line-height: 1.0869565217;
}
@media (min-width: 768px) {
  .productWrap .featureBox > .h {
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 2.2727272727;
  }
}
.productWrap .featureBox > .featureList {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .productWrap .featureBox > .featureList {
    margin-top: clamp(6px, 0.78125vw, 10px);
  }
}
.productWrap .featureBox > .footnote {
  margin-top: 4.8vw;
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 2.6666666667vw;
  line-height: 1;
}
@media (min-width: 768px) {
  .productWrap .featureBox > .footnote {
    margin-top: clamp(8.4px, 1.09375vw, 14px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
  }
}
.productWrap .featureBox > .footnote > * {
  font-size: inherit;
}
.productWrap .featureItem {
  border: 0.4vw solid #0b318f;
  border-radius: 4vw;
}
@media (min-width: 768px) {
  .productWrap .featureItem {
    border-width: clamp(1.2px, 0.15625vw, 2px);
    border-radius: clamp(6px, 0.78125vw, 10px);
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem {
    position: relative;
  }
}
.productWrap .featureItem > .label {
  margin: -0.4vw -0.4vw 0;
  border-radius: 4vw 4vw 0 0;
  background-color: #0b318f;
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-white);
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1;

  padding-block: 1.8666666667vw;
}
@media (min-width: 768px) {
  .productWrap .featureItem > .label {
    margin: clamp(-2px, -0.15625vw, -1.2px) clamp(-2px, -0.15625vw, -1.2px) 0;
    padding: clamp(3px, 0.390625vw, 5px) 0 clamp(3px, 0.390625vw, 5px);
    border-radius: clamp(6px, 0.78125vw, 10px) clamp(6px, 0.78125vw, 10px) 0 0;
    font-size: clamp(10.8px, 1.40625vw, 18px);
  }
  .productWrap .featureItem > .label > .num {
    margin-left: clamp(1.8px, 0.234375vw, 3px);
    vertical-align: clamp(-1px, -0.078125vw, -0.6px);
    font-size: clamp(13.2px, 1.71875vw, 22px);
  }
}
.productWrap .featureItem > .img {
  position: relative;
  font-size: 0;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .productWrap .featureItem > .img {
    position: absolute;
  }
}
.productWrap .featureItem > .txt {
  letter-spacing: 0.05em;
  color: #0b318f;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.1538461538;
}
@media (max-width: 767.98px) {
  .productWrap .featureItem > .txt {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem > .txt {
    margin-top: clamp(10.8px, 1.40625vw, 18px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.25;
  }
}
@media (max-width: 767.98px) {
  .productWrap .featureItem > .txt sup {
    top: -0.7em;
    font-size: 2.4vw;

    margin-inline: -0.5333333333vw;
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem > .txt sup {
    font-size: clamp(6px, 0.78125vw, 10px);
  }
}
@media (max-width: 767.98px) {
  .productWrap .featureItem.item01 > .img {
    left: -1.0666666667vw;
    margin-top: 3.2vw;
    width: 13.636vw;
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem.item01 > .img {
    bottom: clamp(4.8px, 0.625vw, 8px);
    left: clamp(10.8px, 1.40625vw, 18px);
    width: clamp(22.26px, 2.8984375vw, 37.1px);
  }
}
@media (max-width: 767.98px) {
  .productWrap .featureItem.item01 > .txt {
    margin-top: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem.item01 > .txt {
    margin-top: clamp(1.8px, 0.234375vw, 3px);
    margin-left: clamp(42px, 5.46875vw, 70px);
  }
}
@media (max-width: 767.98px) {
  .productWrap .featureItem.item02 > .img {
    position: relative;
    margin-top: 6.6666666667vw;
    width: 17.06vw;
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem.item02 > .img {
    bottom: clamp(6.6px, 0.859375vw, 11px);
    left: clamp(14.4px, 1.875vw, 24px);
    width: clamp(33.216px, 4.325vw, 55.36px);
  }
}
@media (max-width: 767.98px) {
  .productWrap .featureItem.item02 > .txt {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 768px) {
  .productWrap .featureItem.item02 > .txt {
    margin-top: clamp(9.6px, 1.25vw, 16px);
    margin-left: clamp(62.4px, 8.125vw, 104px);
  }
}
.productWrap .featureList {
  display: flex;
  justify-content: center;
}
.productWrap .featureList > * + * {
  margin-left: 4vw;
}
@media (min-width: 768px) {
  .productWrap .featureList > * + * {
    margin-left: clamp(12px, 1.5625vw, 20px);
  }
}
.productWrap .featureList > .featureItem {
  width: 38.6666666667vw;
  height: 42.9333333333vw;
}
@media (min-width: 768px) {
  .productWrap .featureList > .featureItem {
    width: clamp(204px, 26.5625vw, 340px);
    height: clamp(51px, 6.640625vw, 85px);
  }
}
@media (min-width: 768px) {
  .productWrap .legalBox {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.productWrap .legalBox > .txt {
  letter-spacing: 0.01em;
  color: #0a3190;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
  .productWrap .legalBox > .txt {
    margin-top: clamp(-1px, -0.078125vw, -0.6px);
    letter-spacing: 0.05em;
    font-size: clamp(8.4px, 1.09375vw, 14px);
  }
}
.productWrap .legalBox > .label {
  font-size: 0;
}
@media (max-width: 767.98px) {
  .productWrap .legalBox > .label {
    margin-top: 1.8666666667vw;
    margin-right: 1.3333333333vw;
    margin-left: auto;
    width: 19.2533333333vw;
  }
}
@media (min-width: 768px) {
  .productWrap .legalBox > .label {
    margin-left: clamp(10.2px, 1.328125vw, 17px);
    width: clamp(50.346px, 6.55546875vw, 83.91px);
  }
}
@media (min-width: 768px) {
  .productWrap .lineupList {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .productWrap .lineupList > * + * {
    margin-top: 7.8666666667vw;
  }
}
@media (min-width: 768px) {
  .productWrap .lineupList > * + * {
    margin-left: clamp(22.2px, 2.890625vw, 37px);
  }
}
@media (min-width: 768px) {
  .productWrap .lineupList > .lineupItem.aex {
    width: clamp(130.2px, 16.953125vw, 217px);
  }
}
@media (min-width: 768px) {
  .productWrap .lineupList > .lineupItem.premium {
    width: clamp(130.2px, 16.953125vw, 217px);
  }
}
@media (min-width: 768px) {
  .productWrap .lineupList > .lineupItem.quick {
    width: clamp(147px, 19.140625vw, 245px);
  }
}
@media (min-width: 768px) {
  .productWrap .lineupList > .lineupItem.quickdx {
    width: clamp(147.6px, 19.21875vw, 246px);
  }
}
.productWrap .lineupLink {
  display: block;
}
@media (max-width: 767.98px) {
  .productWrap .lineupLink {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767.98px) {
  .productWrap .lineupLink > .img {
    width: 40vw;
  }
}
@media (min-width: 768px) {
  .productWrap .lineupLink > .img {
    display: flex;
    align-items: center;
    height: clamp(73.044px, 9.5109375vw, 121.74px);
  }
}
.productWrap .lineupLink > .caption {
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (max-width: 767.98px) {
  .productWrap .lineupLink > .caption {
    margin-left: clamp(16.8px, 2.1875vw, 28px);
  }
}
@media (min-width: 768px) {
  .productWrap .lineupLink > .caption {
    margin: clamp(7.8px, 1.015625vw, 13px) clamp(-10px, -0.78125vw, -6px) 0;
    text-align: center;
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.5;
  }
}
.productWrap .lineupLink > .caption sup {
  font-size: 2.4vw;
}
@media (min-width: 768px) {
  .productWrap .lineupLink > .caption sup {
    font-size: clamp(6px, 0.78125vw, 10px);
  }
}
@media (any-hover: hover) {
  .productWrap .lineupLink {
    transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1);
  }
  .productWrap .lineupLink:hover {
    opacity: 0.76;
  }
}
@media (max-width: 767.98px) {
  .productWrap .lineupLink.premium > .caption {
    margin-block: clamp(-10px, -0.78125vw, -6px);
  }
}
@media (max-width: 767.98px) {
  .productWrap .productBox {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.productWrap .productBox > .lineupList {
  margin-top: 11.7333333333vw;
}
@media (min-width: 768px) {
  .productWrap .productBox > .lineupList {
    margin-top: clamp(24px, 3.125vw, 40px);
  }
}
.productWrap .productBox > .footnote {
  margin-top: 3.2vw;
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 2.6666666667vw;
  font-weight: 500;
  line-height: 2.5;
}
@media (min-width: 768px) {
  .productWrap .productBox > .footnote {
    margin-top: clamp(2.4px, 0.3125vw, 4px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 3.5714285714;
  }
}
.productWrap .productBox > .footnote > * {
  font-size: inherit;
}
.productWrap .productBox > .legalBox {
  margin-top: 3.7333333333vw;
}
@media (min-width: 768px) {
  .productWrap .productBox > .legalBox {
    margin-top: clamp(7.2px, 0.9375vw, 12px);
  }
}
.productWrap .recommendBox > .txt {
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .txt {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 3.125;
  }
}
.productWrap .recommendBox > .txt > .em {
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 0.9615384615;
}
@media (max-width: 767.98px) {
  .productWrap .recommendBox > .txt > .em {
    display: inline-block;
    margin-top: 1.0666666667vw;
    margin-left: clamp(-32px, -2.5vw, -19.2px);
    vertical-align: -0.2666666667vw;
  }
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .txt > .em {
    margin-right: clamp(-5px, -0.390625vw, -3px);
    margin-left: clamp(-10px, -0.78125vw, -6px);
    vertical-align: clamp(-2px, -0.15625vw, -1.2px);
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 2.2727272727;
  }
}
.productWrap .recommendBox > .txt > .em > .bracket {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .productWrap .recommendBox > .txt.txt01 {
    padding-left: 4vw;
  }
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .txt.txt01 {
    text-indent: clamp(-20px, -1.5625vw, -12px);
  }
}
.productWrap .recommendBox > .txt.txt02 {
  margin-top: 3.4666666667vw;
  text-indent: clamp(19.2px, 2.5vw, 32px);
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .txt.txt02 {
    margin-top: clamp(-14px, -1.09375vw, -8.4px);
    text-indent: clamp(7.2px, 0.9375vw, 12px);
  }
}
.productWrap .recommendBox > .note {
  margin-top: 3.4666666667vw;
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .note {
    margin-top: clamp(4.2px, 0.546875vw, 7px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1;
  }
}
.productWrap .recommendBox > .note > * {
  font-size: inherit;
}
.productWrap .recommendBox > .img {
  display: block;
  margin: 5.3333333333vw auto 0;
  width: 55.6vw;
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .img {
    margin-top: clamp(18.6px, 2.421875vw, 31px);
    width: clamp(169.8px, 22.109375vw, 283px);
  }
}
@media (any-hover: hover) {
  .productWrap .recommendBox > .img {
    transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1);
  }
  .productWrap .recommendBox > .img:hover {
    opacity: 0.76;
  }
}
.productWrap .recommendBox > .featureBox {
  margin-top: 7.4666666667vw;
}
@media (min-width: 768px) {
  .productWrap .recommendBox > .featureBox {
    margin-top: clamp(9px, 1.171875vw, 15px);
  }
}
@media (min-width: 768px) {
  .productWrap {
    padding: clamp(51.6px, 6.71875vw, 86px) clamp(24px, 3.125vw, 40px) 0;
  }
}
.shopWrap {
  padding-top: 15.4666666667vw;
}
.shopWrap .shopList {
  display: flex;
  flex-direction: column;

  gap: 5.3333333333vw;
}
@media (min-width: 768px) {
  .shopWrap .shopList {
    flex-direction: row;

    gap: clamp(17.4px, 2.265625vw, 29px);
  }
}
.shopWrap .shopItem > .link {
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@media (any-hover: hover) {
  .shopWrap .shopItem > .link:hover {
    opacity: 0.7;
  }
}
.shopWrap .bannerBox > .link {
  display: block;
  width: 100%;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@media (any-hover: hover) {
  .shopWrap .bannerBox > .link:hover {
    opacity: 0.8;
  }
}
@media (min-width: 768px) {
  .shopWrap {
    padding-top: clamp(42.6px, 5.546875vw, 71px);
  }
}
.shopWrap > .h {
  text-align: center;
  color: var(--color-midnight-blue);
  font-size: 5.6vw;
  font-weight: bold;
  line-height: 1.4523809524;
}
@media (min-width: 768px) {
  .shopWrap > .h {
    font-size: clamp(16.8px, 2.1875vw, 28px);
    line-height: 1.4285714286;
  }
}
.shopWrap > .shopList {
  margin: 8vw auto 0;
  width: 81.3333333333vw;
}
@media (min-width: 768px) {
  .shopWrap > .shopList {
    margin-top: clamp(13.2px, 1.71875vw, 22px);
    width: clamp(600px, 78.125vw, 1000px);
  }
}
.shopWrap > .bannerBox {
  margin: 6.1333333333vw auto 0;
  width: 81.3333333333vw;
}
@media (min-width: 768px) {
  .shopWrap > .bannerBox {
    margin-top: clamp(36px, 4.6875vw, 60px);
    width: clamp(289.8px, 37.734375vw, 483px);
  }
}

.promomatsWrap {
  padding: 13.3333333333vw 0 6.4vw;
  font-family: "Meiryo UI", "BIZ UDPGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳＰゴシック", "MS PGothic", sans-serif;
}
.promomatsWrap .promomatsBox > .note {
  margin: 0 auto;
  width: 96.2666666667vw;
  text-align: right;
  font-size: 2.6666666667vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .promomatsWrap .promomatsBox > .note {
    width: clamp(600px, 78.125vw, 1000px);
    font-size: clamp(6.6px, 0.859375vw, 11px);
  }
}
.promomatsWrap .promomatsBox > .num {
  margin: 2vw auto 0;
  width: 96.2666666667vw;
  text-align: right;
  font-size: 2.4vw;
  line-height: 1.1666666667;
}
@media (min-width: 768px) {
  .promomatsWrap .promomatsBox > .num {
    margin-top: clamp(1.8px, 0.234375vw, 3px);
    width: clamp(600px, 78.125vw, 1000px);
    font-size: clamp(6.6px, 0.859375vw, 11px);
    line-height: 1.9090909091;
  }
}
@media (min-width: 768px) {
  .promomatsWrap {
    padding: clamp(18px, 2.34375vw, 30px) 0 clamp(11.4px, 1.484375vw, 19px);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  }
}
.stickyWrap {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 10;
  transition-timing-function: 0.3s;
  transition-duration: 0.3s;
  transition-property: visibility, opacity;
  background-color: rgba(255, 255, 255, 0.96);
  pointer-events: none;
  box-shadow: 0 -0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.16);

  inset: auto 0 0;
}
.stickyWrap .linkBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 999px;
  background: linear-gradient(to right, #0a2578, #05125a);
}
.stickyWrap .linkBtn > .label {
  text-align: center;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.4666666667;
}
@media (min-width: 768px) {
  .stickyWrap .linkBtn > .label {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.6;
  }
}
.stickyWrap .linkBtn > .icon {
  position: absolute;
  top: 0;
  right: 4vw;
  bottom: 0;
  margin: auto;
  width: 1.7333333333vw;
  height: 3.0666666667vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .stickyWrap .linkBtn > .icon {
    right: clamp(12px, 1.5625vw, 20px);
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
@media (any-hover: hover) {
  .stickyWrap .linkBtn > .icon {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .stickyWrap .linkBtn:hover > .icon {
    transform: translate3d(40%, 0, 0);
  }
}
.stickyWrap .stickyBox {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .stickyWrap .stickyBox {
    flex-direction: column;
    padding: 4vw 0 4.8vw;
  }
}
@media (min-width: 768px) {
  .stickyWrap .stickyBox {
    justify-content: center;
    padding-left: clamp(9.6px, 1.25vw, 16px);
  }
}
.stickyWrap .stickyBox > .tagline {
  margin-top: -0.8vw;
  text-align: center;
  letter-spacing: -0.02em;
  color: #262c8e;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.5625;
}
@media (min-width: 768px) {
  .stickyWrap .stickyBox > .tagline {
    margin-top: clamp(-4px, -0.3125vw, -2.4px);
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1.1666666667;
  }
}
.stickyWrap .stickyBox > .linkBtn {
  width: 89.3333333333vw;
  height: 12.8vw;
}
@media (max-width: 767.98px) {
  .stickyWrap .stickyBox > .linkBtn {
    margin-top: 1.6vw;
  }
}
@media (min-width: 768px) {
  .stickyWrap .stickyBox > .linkBtn {
    margin-left: clamp(34.2px, 4.453125vw, 57px);
    width: clamp(273px, 35.546875vw, 455px);
    height: clamp(39.6px, 5.15625vw, 66px);
  }
}
@media (min-width: 768px) {
  .stickyWrap {
    height: clamp(66px, 8.59375vw, 110px);
    box-shadow: 0 clamp(-4px, -0.3125vw, -2.4px) clamp(6px, 0.78125vw, 10px) rgba(0, 0, 0, 0.16);
  }
}
.stickyWrap.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.stickyWrap > .stickyBox {
  max-width: 1280px;
  height: 100%;

  margin-inline: auto;
}

.ananLink {
  display: flex;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  flex-direction: column;
  position: fixed;
  z-index: 10;
  right: 18.6666666667vw;
  bottom: 34.6666666667vw;
  padding: 2.2666666667vw 1.0666666667vw 2vw;
  transition-timing-function: 0.3s;
  transition-duration: 0.3s;
  transition-property: visibility, opacity;
  pointer-events: none;

  filter: drop-shadow(0 0 1.3333333333vw rgba(0, 0, 0, 0.46));
}
@media (min-width: 768px) {
  .ananLink {
    z-index: 10;
    right: clamp(55.2px, 7.1875vw, 92px);
    bottom: clamp(84px, 10.9375vw, 140px);
    padding: clamp(7.62px, 0.9921875vw, 12.7px) clamp(6px, 0.78125vw, 10px) clamp(8.4px, 1.09375vw, 14px);

    filter: drop-shadow(0 0 clamp(6px, 0.78125vw, 10px) rgba(0, 0, 0, 0.46));
  }
}
.ananLink::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #d8146d;

  inset: 0;
  -webkit-clip-path: polygon(7.3333333333vw 0, calc(100% - 7.3333333333vw) 0, 100% 5.0666666667vw, 100% 100%, 0 100%, 0 5.0666666667vw);
          clip-path: polygon(7.3333333333vw 0, calc(100% - 7.3333333333vw) 0, 100% 5.0666666667vw, 100% 100%, 0 100%, 0 5.0666666667vw);
}
@media (min-width: 768px) {
  .ananLink::before {
    -webkit-clip-path: polygon(clamp(24px, 3.125vw, 40px) 0, calc(100% - clamp(24px, 3.125vw, 40px)) 0, 100% clamp(17.4px, 2.265625vw, 29px), 100% 100%, 0 100%, 0 clamp(17.4px, 2.265625vw, 29px));
            clip-path: polygon(clamp(24px, 3.125vw, 40px) 0, calc(100% - clamp(24px, 3.125vw, 40px)) 0, 100% clamp(17.4px, 2.265625vw, 29px), 100% 100%, 0 100%, 0 clamp(17.4px, 2.265625vw, 29px));
  }
}
.ananLink.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.ananLink > .deco {
  width: 7.5373333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .ananLink > .deco {
    width: clamp(22.554px, 2.93671875vw, 37.59px);
  }
}
.ananLink > .label {
  margin-top: -0.2666666667vw;
  text-align: center;
  color: var(--color-white);
  font-size: 0;
  font-weight: 700;
}
@media (min-width: 768px) {
  .ananLink > .label {
    margin-top: clamp(3px, 0.390625vw, 5px);
  }
}
.ananLink > .label > .en {
  letter-spacing: -0.02em;
  font-size: 3.8666666667vw;
  line-height: 1.3793103448;
}
@media (min-width: 768px) {
  .ananLink > .label > .en {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.2777777778;
  }
}
.ananLink > .label > .jp {
  letter-spacing: -0.04em;
  font-size: 3.0666666667vw;
  line-height: 1.3043478261;
}
@media (min-width: 768px) {
  .ananLink > .label > .jp {
    letter-spacing: -0.02em;
    font-size: clamp(9px, 1.171875vw, 15px);
    line-height: 1.4666666667;
  }
}
.ananLink > .label > .icon {
  display: inline-block;
  margin-right: -0.9333333333vw;
  margin-left: 0vw;
  margin-left: 0.9333333333vw;
  width: 1.3053333333vw;
  vertical-align: 1.0666666667vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .ananLink > .label > .icon {
    margin-right: clamp(-7px, -0.546875vw, -4.2px);
    margin-left: clamp(4.2px, 0.546875vw, 7px);
    width: clamp(3.354px, 0.43671875vw, 5.59px);
    vertical-align: clamp(2.4px, 0.3125vw, 4px);
  }
}
@media (any-hover: hover) {
  .ananLink > .label > .icon {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .ananLink:hover > .label > .icon {
    transform: translate3d(60%, 0, 0);
  }
}

.menuWrap {
  position: fixed;
  z-index: 999;
  transition: visibility 0.46s cubic-bezier(0, 0, 0.58, 1), pointer-events 0.3s cubic-bezier(0, 0, 0.58, 1);

  inset: 0;
}
.menuWrap .menuBox {
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate3d(0, 0, 0);

  padding-inline: 5.3333333333vw;
}
@media (min-width: 768px) {
  .menuWrap .menuBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: clamp(48px, 6.25vw, 80px);

    padding-inline: clamp(33px, 4.296875vw, 55px);
  }
}
@media (min-width: 768px) and (max-height: 749.98px) {
  .menuWrap .menuBox {
    justify-content: start;
    padding-top: clamp(48px, 6.25vw, 80px);
  }
}
.menuWrap .menuBox::before {
  content: "";
  opacity: 0.84;
  position: absolute;
  z-index: 1;
  background: linear-gradient(to bottom, #0a2578, #05125a);

  inset: 0;
}
.menuWrap .menuBox > .menuList {
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .menuWrap .menuBox > .menuList {
    height: 100%;
  }
}
.menuWrap .menuItem {
  border-top: solid 1px rgba(255, 255, 255, 0.4);
}
.menuWrap .menuItem:last-child {
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}
@media (max-width: 767.98px) {
  .menuWrap .menuItem > .menuLink {
    min-height: 14.6666666667vw;

    margin-inline: -5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .menuWrap .menuItem > .menuLink {
    height: clamp(46.2px, 6.015625vw, 77px);
  }
}
.menuWrap .menuLink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  text-align: center;
}
@media (max-width: 767.98px) {
  .menuWrap .menuLink {
    padding-block: 3.8666666667vw;
  }
}
@media (any-hover: hover) {
  .menuWrap .menuLink:hover {
    opacity: 0.5;
  }
}
.menuWrap .menuLink > .label {
  white-space: nowrap;
  letter-spacing: 0.05em;
  color: var(--color-white);
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1;
  line-height: 1.2857142857;
}
@media (min-width: 768px) {
  .menuWrap .menuLink > .label {
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.4444444444;
  }
}
.menuWrap .menuLink > .close {
  margin-left: 1.3333333333vw;
  letter-spacing: -0.03em;
  color: var(--color-pale-blue-purple);
  font-size: 2.6666666667vw;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 768px) {
  .menuWrap .menuLink > .close {
    margin-top: clamp(6.6px, 0.859375vw, 11px);
    margin-left: clamp(2.4px, 0.3125vw, 4px);
    font-size: clamp(7.2px, 0.9375vw, 12px);
  }
}
.menuWrap .menuLink > .close + .label {
  margin-top: 0.9333333333vw;
}
@media (min-width: 768px) {
  .menuWrap .menuLink > .close + .label {
    margin-top: clamp(1.2px, 0.15625vw, 2px);
  }
}
.menuWrap .menuLink.close {
  padding-block: 0;
}
@media (max-width: 767.98px) {
  .menuWrap .menuList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 52vw;
  }
}
.menuWrap .menuList.hidden {
  display: none;
}
@media (max-width: 767.98px) and (max-height: 624.98px) {
  .menuWrap .menuList.campaign {
    justify-content: start;
    padding-top: 5.3333333333vw;
  }
}
.menuWrap[inert] {
  visibility: hidden;
  pointer-events: none;
}
.menuWrap[inert] > .menuBox {
  transition: transform 0.14s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translate3d(100%, 0, 0);
}
.menuWrap > .menuBox {
  z-index: 2;
  margin-left: auto;
  width: 61.3333333333vw;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .menuWrap > .menuBox {
    width: clamp(240px, 31.25vw, 400px);
  }
}

.menuBtn {
  display: block;
  position: fixed;
  z-index: 1000;
  right: 2.6666666667vw;
  bottom: 34.6666666667vw;
  border-radius: 50%;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .menuBtn {
    right: clamp(16.2px, 2.109375vw, 27px);
    bottom: clamp(84px, 10.9375vw, 140px);
    width: clamp(31.2px, 4.0625vw, 52px);
    height: clamp(31.2px, 4.0625vw, 52px);
  }
}
.menuBtn::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  transition: background-color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 0.33s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #0a2578;

  inset: 0;
}
.menuBtn > .open {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin: auto;
  width: 5.6vw;
  height: 5.6vw;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);

  inset: 0;
}
@media (min-width: 768px) {
  .menuBtn > .open {
    width: clamp(14.4px, 1.875vw, 24px);
    height: clamp(13.2px, 1.71875vw, 22px);
  }
}
.menuBtn > .open img {
  display: block;
  position: absolute;
  height: 100% !important;

  inset: 0;
}
.menuBtn > .close {
  display: flex;
  opacity: 0;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin: auto;
  width: 5.6vw;
  height: 5.6vw;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);

  inset: 0;
}
@media (min-width: 768px) {
  .menuBtn > .close {
    width: clamp(13.2px, 1.71875vw, 22px);
    height: clamp(13.2px, 1.71875vw, 22px);
  }
}
.menuBtn > .close img {
  display: block;
  position: absolute;
  height: 100% !important;

  inset: 0;
}
.menuBtn[aria-expanded=true]::before {
  transform: scale(0.86);
  background-color: var(--color-white);
}
.menuBtn[aria-expanded=true] > .open {
  opacity: 0;
}
.menuBtn[aria-expanded=true] > .close {
  opacity: 1;
}
@media (any-hover: hover) {
  .menuBtn:hover::before {
    transform: scale(0.86);
  }
  .menuBtn[aria-expanded=true]:hover::before {
    transform: scale(0.78);
  }
}

.baseWrap .introWrap {
  padding: 9.3333333333vw 0 16.4666666667vw;
  background-color: var(--color-white);
}
.baseWrap .introWrap .navItems {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: 1.6vw 4vw;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .navItems {
    gap: clamp(8.4px, 1.09375vw, 14px) clamp(22.8px, 2.96875vw, 38px);
  }
}
.baseWrap .introWrap .navItems > .navItem {
  width: calc(50% - 2vw);
}
@media (min-width: 768px) {
  .baseWrap .introWrap .navItems > .navItem {
    width: clamp(172.2px, 22.421875vw, 287px);
  }
}
.baseWrap .introWrap .navItem {
  position: relative;
}
.baseWrap .introWrap .navItem > .link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-right: 2.6666666667vw;
  border-bottom: solid 1px rgba(25, 20, 101, 0.3);
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 1.1153846154;
}
@media (max-width: 767.98px) {
  .baseWrap .introWrap .navItem > .link {
    height: 12vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .introWrap .navItem > .link {
    padding-right: clamp(6px, 0.78125vw, 10px);
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.1111111111;

    padding-block: clamp(9px, 1.171875vw, 15px);
  }
}
.baseWrap .introWrap .navItem > .link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 2.6666666667vw;
  bottom: 0;
  margin: auto;
  width: 3.2vw;
  height: 3.0666666667vw;
  transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: url("../../img/common/icon-arrow-anchor.svg") no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .navItem > .link::before {
    top: clamp(1.8px, 0.234375vw, 3px);
    right: 0;
    margin: auto;
    width: clamp(7.8px, 1.015625vw, 13px);
    height: clamp(7.8px, 1.015625vw, 13px);
  }
}
@media (any-hover: hover) {
  .baseWrap .introWrap .navItem > .link:hover {
    opacity: 0.8;
  }
  .baseWrap .introWrap .navItem > .link:hover::before {
    transform: translate3d(0, 30%, 0);
  }
}
.baseWrap .introWrap .navItem > .close {
  position: absolute;
  text-align: center;
  letter-spacing: -0.02em;
  color: var(--color-red);
  font-size: 2.6666666667vw;
  font-weight: 500;
  line-height: 1;

  inset: -3.2vw 0 auto 0;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .navItem > .close {
    top: clamp(-7px, -0.546875vw, -4.2px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.4285714286;
  }
}
.baseWrap .introWrap .copyBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 12.2666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .copyBox {
    padding-top: clamp(39.6px, 5.15625vw, 66px);
  }
}
.baseWrap .introWrap .copyBox > .txt {
  width: 52.848vw;
  font-size: 0;
}
@media (max-width: 767.98px) {
  .baseWrap .introWrap .copyBox > .txt {
    margin-left: 4vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .introWrap .copyBox > .txt {
    width: clamp(299.46px, 38.9921875vw, 499.1px);
  }
}
.baseWrap .introWrap .copyBox > .copy {
  margin-top: 9.6vw;
  width: 80.5893333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .copyBox > .copy {
    margin-top: clamp(25.8px, 3.359375vw, 43px);
    width: clamp(250.956px, 32.6765625vw, 418.26px);
  }
}
.baseWrap .introWrap .awardBox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.baseWrap .introWrap .awardBox > .txt {
  position: relative;
  text-align: center;
  letter-spacing: 0;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .awardBox > .txt {
    font-size: clamp(14.4px, 1.875vw, 24px);
    line-height: 1.35;
  }
}
.baseWrap .introWrap .awardBox > .txt::before,
.baseWrap .introWrap .awardBox > .txt::after {
  content: "";
  position: absolute;
  bottom: 0.8vw;
  width: 2.8vw;
  height: 3.8666666667vw;
  background-color: var(--color-black);

  -webkit-clip-path: polygon(0 0, 44% 0, 100% 100%);

          clip-path: polygon(0 0, 44% 0, 100% 100%);
}
@media (min-width: 768px) {
  .baseWrap .introWrap .awardBox > .txt::before,
  .baseWrap .introWrap .awardBox > .txt::after {
    bottom: clamp(-2px, -0.15625vw, -1.2px);
    width: clamp(12.6px, 1.640625vw, 21px);
    height: clamp(17.4px, 2.265625vw, 29px);
  }
}
.baseWrap .introWrap .awardBox > .txt::before {
  left: -3.7333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .awardBox > .txt::before {
    left: clamp(-33px, -2.578125vw, -19.8px);
  }
}
.baseWrap .introWrap .awardBox > .txt::after {
  right: -4.1333333333vw;
  transform: rotateY(180deg);
}
@media (min-width: 768px) {
  .baseWrap .introWrap .awardBox > .txt::after {
    right: clamp(-30px, -2.34375vw, -18px);
  }
}
.baseWrap .introWrap .awardBox > .logo {
  margin-top: 2.1333333333vw;
  margin-left: -1.2vw;
  width: 50.98vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .introWrap .awardBox > .logo {
    margin-top: clamp(3px, 0.390625vw, 5px);
    margin-left: clamp(-12px, -0.9375vw, -7.2px);
    width: clamp(236.82px, 30.8359375vw, 394.7px);
  }
}
@media (min-width: 768px) {
  .baseWrap .introWrap {
    padding: clamp(25.2px, 3.28125vw, 42px) 0 clamp(52.74px, 6.8671875vw, 87.9px);
  }
}
.baseWrap .introWrap > .navItems {
  margin: 0 5.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .introWrap > .navItems {
    margin: 0 auto;
    width: clamp(600px, 78.125vw, 1000px);
  }
}
.baseWrap .introWrap > .img {
  margin-top: 10.9333333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .introWrap > .img {
    position: relative;
    left: calc(50vw - clamp(880.2px, 114.609375vw, 1467px) / 2);
    margin-top: clamp(30px, 3.90625vw, 50px);
    width: clamp(880.2px, 114.609375vw, 1467px);
  }
}
.baseWrap .introWrap > .awardBox {
  margin-top: 9.6vw;
}
@media (min-width: 768px) {
  .baseWrap .introWrap > .awardBox {
    margin-top: clamp(28.8px, 3.75vw, 48px);
  }
}
.baseWrap .introWrap .copyBox > .txt {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: translate3d(0, 20px, 0);
}
.baseWrap .introWrap .copyBox > .copy {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75), filter 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.3s;
  transform: scale(1.2);

  filter: blur(10px);
}
.baseWrap .introWrap > .img {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 1.1s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .introWrap > .awardBox {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 1.5s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .introWrap.inview .copyBox > .txt {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .introWrap.inview .copyBox > .copy {
  opacity: 1;
  transform: scale(1);

  filter: blur(0);
}
.baseWrap .introWrap.inview > .img {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .introWrap.inview > .awardBox {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .ctaWrap {
  background-color: var(--color-pale-blue);
}
.baseWrap .ctaWrap .ctaBox {
  position: relative;
  padding: 20.8vw 5.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox {
    padding: clamp(70.2px, 9.140625vw, 117px) clamp(84px, 10.9375vw, 140px);
  }
}
.baseWrap .ctaWrap .ctaBox > .lead {
  position: relative;
  left: 1.0666666667vw;
  margin: 0 auto;
  margin-top: 8.8vw;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0;
  font-size: 4.6666666667vw;
  font-weight: 700;
  line-height: 1.3714285714;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .lead {
    left: clamp(3px, 0.390625vw, 5px);
    margin-top: clamp(21px, 2.734375vw, 35px);
    font-size: clamp(15.6px, 2.03125vw, 26px);
    line-height: 1.5769230769;
  }
}
.baseWrap .ctaWrap .ctaBox > .lead::before,
.baseWrap .ctaWrap .ctaBox > .lead::after {
  content: "";
  position: absolute;
  bottom: 0.2666666667vw;
  width: 4vw;
  height: 5.6vw;
  background-color: var(--color-black);

  -webkit-clip-path: polygon(0 0, 44% 0, 100% 100%);

          clip-path: polygon(0 0, 44% 0, 100% 100%);
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .lead::before,
  .baseWrap .ctaWrap .ctaBox > .lead::after {
    bottom: clamp(-2px, -0.15625vw, -1.2px);
    width: clamp(15px, 1.953125vw, 25px);
    height: clamp(21px, 2.734375vw, 35px);
  }
}
.baseWrap .ctaWrap .ctaBox > .lead::before {
  left: -8.5333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .lead::before {
    left: clamp(-38px, -2.96875vw, -22.8px);
  }
}
.baseWrap .ctaWrap .ctaBox > .lead::after {
  right: -6.4vw;
  transform: rotateY(180deg);
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .lead::after {
    right: clamp(-29px, -2.265625vw, -17.4px);
  }
}
.baseWrap .ctaWrap .ctaBox > .ctaContents {
  position: relative;
  z-index: 1;
  margin-top: 7.4666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .ctaContents {
    margin-top: clamp(25.2px, 3.28125vw, 42px);
  }
}
.baseWrap .ctaWrap .ctaBox > .deco {
  position: absolute;
  font-size: 0;
}
.baseWrap .ctaWrap .ctaBox > .deco.deco01 {
  top: 4.8vw;
  left: -19.2vw;
  width: 64.532vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .deco.deco01 {
    top: clamp(15.84px, 2.0625vw, 26.4px);
    left: clamp(560.04px, 72.921875vw, 933.4px);
    width: clamp(280.65px, 36.54296875vw, 467.75px);
  }
}
.baseWrap .ctaWrap .ctaBox > .deco.deco02 {
  top: 148.36vw;
  left: 63.8266666667vw;
  width: 41.6133333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .deco.deco02 {
    top: clamp(678.18px, 88.3046875vw, 1130.3px);
    left: clamp(-21px, -1.640625vw, -12.6px);
    width: clamp(247.11px, 32.17578125vw, 411.85px);
  }
}
.baseWrap .ctaWrap .ctaBox > .deco.deco03 {
  top: 223.0533333333vw;
  left: -24.4vw;
  width: 63.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .deco.deco03 {
    display: none;
  }
}
.baseWrap .ctaWrap .ctaBox > .deco.deco04 {
  top: 304.52vw;
  left: 61.6vw;
  width: 52.932vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .deco.deco04 {
    display: none;
  }
}
.baseWrap .ctaWrap .ctaBox > .deco.deco05 {
  top: 376.7866666667vw;
  left: -24.2666666667vw;
  width: 63.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaBox > .deco.deco05 {
    display: none;
  }
}
.baseWrap .ctaWrap .ctaBox > .deco {
  opacity: 0;
  transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.baseWrap .ctaWrap .ctaBox > .deco.deco01 {
  transform: translate3d(-10%, 0, 0);
}
.baseWrap .ctaWrap .ctaBox > .deco.deco02 {
  transform: translate3d(10%, 0, 0);
}
.baseWrap .ctaWrap .ctaBox > .deco.deco03 {
  transform: translate3d(-10%, 0, 0);
}
.baseWrap .ctaWrap .ctaBox > .deco.deco04 {
  transform: translate3d(10%, 0, 0);
}
.baseWrap .ctaWrap .ctaBox > .deco.deco05 {
  transform: translate3d(-10%, 0, 0);
}
.baseWrap .ctaWrap .ctaBox > .deco.inview {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .ctaWrap .ctaContent {
  position: relative;
  background-color: var(--color-white);
}
.baseWrap .ctaWrap .ctaContent > .label {
  position: absolute;
  z-index: 1;
  width: 11.2vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaContent > .label {
    width: clamp(41.778px, 5.43984375vw, 69.63px);
  }
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .ctaContent > .label.label01 {
    top: -2.6666666667vw;
    right: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaContent > .label.label01 {
    top: clamp(-7px, -0.546875vw, -4.2px);
    left: clamp(9px, 1.171875vw, 15px);
  }
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .ctaContent > .label.label02 {
    top: -3.4666666667vw;
    left: 4.5333333333vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaContent > .label.label02 {
    top: clamp(-17px, -1.328125vw, -10.2px);
    right: clamp(9.6px, 1.25vw, 16px);
  }
}
.baseWrap .ctaWrap .ctaContent {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: translate3d(0, 20px, 0);
}
.baseWrap .ctaWrap .ctaContent.inview {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .ctaWrap .ctaContents > * + * {
  margin-top: 7.84vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ctaContents > * + * {
    margin-top: clamp(24.66px, 3.2109375vw, 41.1px);
  }
}
.baseWrap .ctaWrap .designBox {
  padding-bottom: 17.2266666667vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designBox {
    padding-bottom: clamp(23.28px, 3.03125vw, 38.8px);
    padding-left: clamp(21.6px, 2.8125vw, 36px);
  }
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .designBox > * + * {
    margin-top: 9.8666666667vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designRow {
    display: flex;
  }
}
.baseWrap .ctaWrap .designRow.row01 {
  flex-direction: row-reverse;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designRow.row01 > .img {
    width: clamp(385.2px, 50.15625vw, 642px);
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designRow.row01 > .txt {
    margin-right: clamp(-15px, -1.171875vw, -9px);
  }
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .designRow.row02 > .img {
    margin: 0 4vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designRow.row02 > .img {
    width: clamp(278.4px, 36.25vw, 464px);
  }
}
.baseWrap .ctaWrap .designRow > .img {
  font-size: 0;
}
.baseWrap .ctaWrap .designRow > .txt {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .designRow > .txt {
    margin-top: -0.5333333333vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designRow > .txt {
    display: flex;
    align-items: center;
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.8888888889;
  }
}
.baseWrap .ctaWrap .designRow > .omamoriBox {
  margin-top: 6.1333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .designRow > .omamoriBox {
    margin-top: clamp(-26px, -2.03125vw, -15.6px);
    margin-left: clamp(46.2px, 6.015625vw, 77px);
  }
}
.baseWrap .ctaWrap .linkBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 999px;
  background: linear-gradient(to right, #0a2578, #05125a);
}
.baseWrap .ctaWrap .linkBtn > .label {
  margin-top: -0.2666666667vw;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 1.2307692308;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .linkBtn > .label {
    margin-top: clamp(-1px, -0.078125vw, -0.6px);
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 1.4545454545;
  }
}
.baseWrap .ctaWrap .linkBtn > .icon {
  position: absolute;
  top: 0;
  right: 5.6vw;
  bottom: 0;
  margin: auto;
  width: 1.7333333333vw;
  height: 3.0666666667vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .linkBtn > .icon {
    right: clamp(12px, 1.5625vw, 20px);
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
@media (any-hover: hover) {
  .baseWrap .ctaWrap .linkBtn > .icon {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .baseWrap .ctaWrap .linkBtn:hover > .icon {
    transform: translate3d(40%, 0, 0);
  }
}
.baseWrap .ctaWrap .omamoriBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.baseWrap .ctaWrap .omamoriBox > .ttl {
  letter-spacing: 0;
  color: var(--color-midnight-blue);
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 0.8333333333;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .omamoriBox > .ttl {
    font-size: clamp(14.4px, 1.875vw, 24px);
    line-height: 1.25;
  }
}
.baseWrap .ctaWrap .omamoriBox > .txt {
  margin-top: 2.9333333333vw;
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .omamoriBox > .txt {
    margin-top: clamp(6.6px, 0.859375vw, 11px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.875;
  }
}
.baseWrap .ctaWrap .omamoriBox > .linkBtn {
  margin-top: 5.0666666667vw;
  width: 65.4666666667vw;
  height: 14.2666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .omamoriBox > .linkBtn {
    margin-top: clamp(14.4px, 1.875vw, 24px);
    width: clamp(195.6px, 25.46875vw, 326px);
    height: clamp(39.6px, 5.15625vw, 66px);
  }
}
.baseWrap .ctaWrap .origamiBox {
  display: flex;
  padding: 9.5866666667vw 5.3333333333vw 15.4666666667vw;
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .origamiBox {
    align-items: center;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .origamiBox {
    padding: clamp(35.94px, 4.6796875vw, 59.9px) 0 clamp(40.14px, 5.2265625vw, 66.9px) clamp(68.22px, 8.8828125vw, 113.7px);
  }
}
.baseWrap .ctaWrap .origamiBox > .img {
  width: 61.4666666667vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .origamiBox > .img {
    width: clamp(224.298px, 29.20546875vw, 373.83px);
  }
}
@media (max-width: 767.98px) {
  .baseWrap .ctaWrap .origamiBox > .origamiDesc {
    margin-top: 8.5333333333vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .origamiBox > .origamiDesc {
    margin-left: clamp(39.6px, 5.15625vw, 66px);
  }
}
.baseWrap .ctaWrap .origamiDesc {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.baseWrap .ctaWrap .origamiDesc > .txt {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .origamiDesc > .txt {
    letter-spacing: 0;
    font-size: clamp(10.8px, 1.40625vw, 18px);
    line-height: 1.8888888889;
  }
}
.baseWrap .ctaWrap .origamiDesc > .linkBtn {
  margin-top: 4vw;
  width: 65.4666666667vw;
  height: 14.2666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .origamiDesc > .linkBtn {
    margin-top: clamp(16.2px, 2.109375vw, 27px);
    width: clamp(195.6px, 25.46875vw, 326px);
    height: clamp(39.6px, 5.15625vw, 66px);
  }
}
.baseWrap .ctaWrap .origamiDesc > .note {
  margin-top: 4.2666666667vw;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .origamiDesc > .note {
    margin-top: clamp(10.2px, 1.328125vw, 17px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
  }
}
.baseWrap .ctaWrap .origamiDesc > .note > * {
  font-size: inherit;
}
.baseWrap .ctaWrap .ttlBox {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.baseWrap .ctaWrap .ttlBox > .deco {
  width: 14.9333333333vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ttlBox > .deco {
    width: clamp(38.4px, 5vw, 64px);
  }
}
.baseWrap .ctaWrap .ttlBox > .ttl {
  text-align: center;
  letter-spacing: 0;
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap .ttlBox > .ttl {
    margin-top: clamp(3px, 0.390625vw, 5px);
    font-size: clamp(21.6px, 2.8125vw, 36px);
    line-height: 1.1666666667;
  }
}
@media (min-width: 768px) {
  .baseWrap .ctaWrap > .ctaBox {
    margin: 0 auto;
    max-width: 1280px;
  }
}
.baseWrap .ctaWrap .ttlBox > .ttl {
  transition: background-position 1.74s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: var(--color-midnight-blue);
  background-image: linear-gradient(110deg, transparent 0, transparent 50%, rgba(255, 255, 255, 0.9) 70%, transparent 90%, transparent 100%);
  background-repeat: no-repeat;
  background-position: 200%;
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% 100%;
  color: transparent;
}
.baseWrap .ctaWrap .ctaBox > .lead {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.56s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .ctaWrap .ctaContents {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.86s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .ctaWrap.inview .ttlBox > .ttl {
  background-position: 0;
}
.baseWrap .ctaWrap.inview .ctaBox > .lead {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .ctaWrap.inview .ctaContents {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .ananWrap {
  background-color: var(--color-midnight-blue);
  background-position: center top -9.0666666667vw;
  background-size: 18.9333333333vw;
}
.baseWrap .ananWrap .ananBox {
  padding: 17.5333333333vw 5.3333333333vw 16.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .ananBox {
    padding: clamp(64.74px, 8.4296875vw, 107.9px) clamp(84px, 10.9375vw, 140px) clamp(53.94px, 7.0234375vw, 89.9px);
  }
}
.baseWrap .ananWrap .campaignBox {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3.3333333333vw 0 4.4vw;
  background-color: var(--color-pale-blue);
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignBox {
    padding: clamp(11.4px, 1.484375vw, 19px) 0 clamp(10.8px, 1.40625vw, 18px);
  }
}
.baseWrap .ananWrap .campaignBox > .lead {
  position: relative;
  text-align: center;
  letter-spacing: 0;
  color: var(--color-midnight-blue);
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignBox > .lead {
    letter-spacing: 0.03em;
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.5;
  }
}
.baseWrap .ananWrap .campaignBox > .lead::before,
.baseWrap .ananWrap .campaignBox > .lead::after {
  content: "";
  position: absolute;
  bottom: -0.2666666667vw;
  width: 3.6vw;
  height: 5.0666666667vw;
  background-color: var(--color-midnight-blue);

  -webkit-clip-path: polygon(0 0, 44% 0, 100% 100%);

          clip-path: polygon(0 0, 44% 0, 100% 100%);
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignBox > .lead::before,
  .baseWrap .ananWrap .campaignBox > .lead::after {
    bottom: 0;
    width: clamp(10.8px, 1.40625vw, 18px);
    height: clamp(15px, 1.953125vw, 25px);
  }
}
.baseWrap .ananWrap .campaignBox > .lead::before {
  left: 8.9333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignBox > .lead::before {
    left: clamp(-21px, -1.640625vw, -12.6px);
  }
}
.baseWrap .ananWrap .campaignBox > .lead::after {
  right: 9.4666666667vw;
  transform: rotateY(180deg);
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignBox > .lead::after {
    right: clamp(-24px, -1.875vw, -14.4px);
  }
}
.baseWrap .ananWrap .campaignBox > .campaignDesc {
  margin-top: 2.4vw;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignBox > .campaignDesc {
    margin-top: clamp(4.8px, 0.625vw, 8px);
  }
}
.baseWrap .ananWrap .campaignDesc {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .baseWrap .ananWrap .campaignDesc {
    flex-direction: column;
  }
}
.baseWrap .ananWrap .campaignDesc > .ttl {
  padding: 0.9333333333vw 1.6vw 1.0666666667vw;
  border-radius: 0.8vw;
  background-color: #504c9f;
  letter-spacing: 0.05em;
  color: var(--color-white);
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 1.1153846154;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignDesc > .ttl {
    padding: clamp(3.6px, 0.46875vw, 6px) clamp(3.6px, 0.46875vw, 6px) clamp(4.2px, 0.546875vw, 7px);
    border-radius: clamp(1.8px, 0.234375vw, 3px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.0625;
  }
}
.baseWrap .ananWrap .campaignDesc > .details {
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 1.0882352941;
}
@media (max-width: 767.98px) {
  .baseWrap .ananWrap .campaignDesc > .details {
    margin-top: 1.3333333333vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignDesc > .details {
    margin-left: clamp(9.6px, 1.25vw, 16px);
    font-size: clamp(15px, 1.953125vw, 25px);
    line-height: lh925, 37;
  }
}
.baseWrap .ananWrap .campaignDesc > .details > .jp {
  font-size: 3.7333333333vw;
  line-height: 1.3214285714;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .campaignDesc > .details > .jp {
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 1.85;
  }
}
.baseWrap .ananWrap .collabBox {
  padding: 8.2666666667vw 4vw 11vw;
  border-radius: 4vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox {
    padding: clamp(22.8px, 2.96875vw, 38px) clamp(93px, 12.109375vw, 155px) clamp(23.1px, 3.0078125vw, 38.5px);
    border-radius: clamp(12px, 1.5625vw, 20px);
  }
}
.baseWrap .ananWrap .collabBox > .h {
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0;
  color: var(--color-midnight-blue);
  font-weight: 700;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .h {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.baseWrap .ananWrap .collabBox > .h::after {
  content: "";
  display: block;
  margin-top: 2.8vw;
  border-width: max(1px, 0.2666666667vw) 0 0.5333333333vw;
  border-style: solid;
  border-color: var(--color-midnight-blue);
  height: 1.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .h::after {
    margin-top: clamp(6.6px, 0.859375vw, 11px);
    margin-left: clamp(-5px, -0.390625vw, -3px);
    border-width: clamp(1.2px, 0.15625vw, 2px) 0 clamp(2.4px, 0.3125vw, 4px);
    height: clamp(6px, 0.78125vw, 10px);
  }
}
.baseWrap .ananWrap .collabBox > .h > .en {
  font-size: 6.1333333333vw;
  line-height: 1.3695652174;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .h > .en {
    font-size: clamp(22.8px, 2.96875vw, 38px);
    line-height: 1.2368421053;
  }
}
.baseWrap .ananWrap .collabBox > .h > .jp {
  font-size: 6.1333333333vw;
  line-height: 1.3695652174;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .h > .jp {
    font-size: clamp(22.2px, 2.890625vw, 37px);
    line-height: 1.2702702703;
  }
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .h > .space {
    font-size: clamp(20.4px, 2.65625vw, 34px);
    line-height: 1.3823529412;
  }
}
.baseWrap .ananWrap .collabBox > .lead {
  margin-top: 2.8vw;
  text-align: center;
  letter-spacing: 0.05em;
  color: var(--color-midnight-blue);
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 1.5294117647;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .lead {
    margin-top: clamp(14.4px, 1.875vw, 24px);
    letter-spacing: 0.03em;
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 1.3636363636;
  }
}
.baseWrap .ananWrap .collabBox > .campaignBox {
  margin-top: 5.8666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .campaignBox {
    margin-top: clamp(18px, 2.34375vw, 30px);
  }
}
.baseWrap .ananWrap .collabBox > .linkBtn {
  margin: 6.2133333333vw auto 0;
  width: 65.4666666667vw;
  height: 14.2666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .collabBox > .linkBtn {
    margin-top: clamp(16.5px, 2.1484375vw, 27.5px);
    width: clamp(144px, 18.75vw, 240px);
    height: clamp(32.4px, 4.21875vw, 54px);
  }
}
.baseWrap .ananWrap .linkBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 999px;
  background: linear-gradient(to right, #0a2578, #05125a);
}
.baseWrap .ananWrap .linkBtn > .label {
  margin-top: -0.2666666667vw;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 1.2307692308;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .linkBtn > .label {
    margin-top: clamp(-1px, -0.078125vw, -0.6px);
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 1.4545454545;
  }
}
.baseWrap .ananWrap .linkBtn > .icon {
  position: absolute;
  top: 0;
  right: 5.6vw;
  bottom: 0;
  margin: auto;
  width: 1.8293333333vw;
  height: 3.2vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .baseWrap .ananWrap .linkBtn > .icon {
    right: clamp(14.4px, 1.875vw, 24px);
    width: clamp(6px, 0.78125vw, 10px);
    height: clamp(10.2px, 1.328125vw, 17px);
  }
}
@media (any-hover: hover) {
  .baseWrap .ananWrap .linkBtn > .icon {
    transition: transform 0.36s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .baseWrap .ananWrap .linkBtn:hover > .icon {
    transform: translate3d(40%, 0, 0);
  }
}
.baseWrap .ananWrap.lazyloaded {
  background-image: url("../../img/index/base/diamond.svg");
}
.baseWrap .no-webp .ananWrap.lazyloaded {
  background-image: url("../../img/index/base/diamond.svg");
}
.baseWrap .lazyloaded::before,
.baseWrap .lazyloaded::after {
  background-image: url("../../img/index/base/diamond.svg");
}
.baseWrap .no-webp .lazyloaded::before,
.baseWrap .no-webp .lazyloaded::after {
  background-image: url("../../img/index/base/diamond.svg");
}
@media (min-width: 768px) {
  .baseWrap .ananWrap {
    background-position: center top clamp(-13px, -1.015625vw, -7.8px);
    background-size: clamp(55.2px, 7.1875vw, 92px);
  }
}
@media (min-width: 768px) {
  .baseWrap .ananWrap > .ananBox {
    margin: 0 auto;
    max-width: 1280px;
  }
}
.baseWrap .ananWrap .collabBox {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: translate3d(0, 20px, 0);
}
.baseWrap .ananWrap.inview .collabBox {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .faqWrap {
  background-color: var(--color-white);
}
.baseWrap .faqWrap .faqAnswer > .img {
  margin-inline: auto;
}
.baseWrap .faqWrap .faqAnswer > .img.headache {
  width: 15.7146666667vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .img.headache {
    width: clamp(43.2px, 5.625vw, 72px);
  }
}
.baseWrap .faqWrap .faqAnswer > .img.pain {
  width: 20.5933333333vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .img.pain {
    width: clamp(56.112px, 7.30625vw, 93.52px);
  }
}
.baseWrap .faqWrap .faqAnswer > .img.time {
  width: 22.0013333333vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .img.time {
    width: clamp(49.8px, 6.484375vw, 83px);
  }
}
.baseWrap .faqWrap .faqAnswer > .img.thumb {
  width: 12.528vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .img.thumb {
    width: clamp(30.012px, 3.9078125vw, 50.02px);
  }
}
.baseWrap .faqWrap .faqAnswer > .img.stomach {
  width: 16.0506666667vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .img.stomach {
    width: clamp(42.516px, 5.5359375vw, 70.86px);
  }
}
.baseWrap .faqWrap .faqAnswer > .txt {
  margin-top: 2.6666666667vw;
  text-align: center;
  letter-spacing: 0.01em;
  color: var(--color-midnight-blue);
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .txt {
    margin-top: clamp(9.6px, 1.25vw, 16px);
    letter-spacing: 0;
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 1.3636363636;
  }
}
.baseWrap .faqWrap .faqAnswer > .txt sup {
  top: -0.6em;
  font-size: 2.6666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqAnswer > .txt sup {
    display: inline-block;
    top: -1.2em;
    transform: scale(0.8);
    font-size: clamp(6px, 0.78125vw, 10px);
  }
}
.baseWrap .faqWrap .faqBox {
  position: relative;
  padding: 20vw 5.3333333333vw 21.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox {
    padding: clamp(77.64px, 10.109375vw, 129.4px) 0 clamp(89.16px, 11.609375vw, 148.6px);
  }
}
.baseWrap .faqWrap .faqBox > .symbol {
  width: 15.028vw;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .symbol {
    width: clamp(38.064px, 4.95625vw, 63.44px);
  }
}
.baseWrap .faqWrap .faqBox > .h {
  margin: 2.1333333333vw auto 0;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  color: var(--color-midnight-blue);
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .h {
    margin-top: clamp(1.2px, 0.15625vw, 2px);
    font-size: clamp(21.6px, 2.8125vw, 36px);
    line-height: 1.4444444444;
  }
}
.baseWrap .faqWrap .faqBox > .txt {
  margin-top: 5.8666666667vw;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .txt {
    margin-top: clamp(14.4px, 1.875vw, 24px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.875;
  }
}
.baseWrap .faqWrap .faqBox > .faqList {
  position: relative;
  z-index: 1;
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .faqList {
    margin: clamp(25.2px, 3.28125vw, 42px) auto 0;
    width: clamp(478.2px, 62.265625vw, 797px);
  }
}
.baseWrap .faqWrap .faqBox > .deco {
  position: absolute;
}
.baseWrap .faqWrap .faqBox > .deco.deco01 {
  top: 5.2133333333vw;
  left: 74.7333333333vw;
  width: 62.3666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .deco.deco01 {
    top: clamp(60.84px, 7.921875vw, 101.4px);
    left: clamp(560.04px, 72.921875vw, 933.4px);
    width: clamp(280.65px, 36.54296875vw, 467.75px);
  }
}
.baseWrap .faqWrap .faqBox > .deco.deco02 {
  top: 289.3466666667vw;
  left: -25.7333333333vw;
  width: 54.9133333333vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .deco.deco02 {
    top: clamp(546.3px, 71.1328125vw, 910.5px);
    left: clamp(-21px, -1.640625vw, -12.6px);
    width: clamp(247.11px, 32.17578125vw, 411.85px);
  }
}
.baseWrap .faqWrap .faqBox > .deco.deco03 {
  top: 442.28vw;
  left: 69.4vw;
  width: 62.3666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .deco.deco03 {
    top: clamp(901.98px, 117.4453125vw, 1503.3px);
    left: clamp(560.04px, 72.921875vw, 933.4px);
    width: clamp(280.65px, 36.54296875vw, 467.75px);
  }
}
.baseWrap .faqWrap .faqBox > .deco.deco04 {
  top: 671.88vw;
  left: -16.4vw;
  width: 54.9133333333vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqBox > .deco.deco04 {
    top: clamp(1167.3px, 151.9921875vw, 1945.5px);
    left: clamp(-21px, -1.640625vw, -12.6px);
    width: clamp(247.11px, 32.17578125vw, 411.85px);
  }
}
.baseWrap .faqWrap .faqContent {
  padding: 8.5333333333vw 4vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqContent {
    display: flex;
    align-items: center;
    padding: clamp(18px, 2.34375vw, 30px) clamp(15.6px, 2.03125vw, 26px);
  }
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqContent > .faqAnswer {
    flex: 1 0;
  }
}
@media (max-width: 767.98px) {
  .baseWrap .faqWrap .faqContent > .faqDesc {
    margin-top: 3.7333333333vw;
    margin-right: -0.2666666667vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqContent > .faqDesc {
    flex: 1 0;
  }
}
.baseWrap .faqWrap .faqDesc > .txt {
  text-align: justify;
  letter-spacing: 0;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqDesc > .txt {
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.6875;
  }
}
.baseWrap .faqWrap .faqDesc > .txt sup {
  top: -0.8em;
  font-size: 2.6666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqDesc > .txt sup {
    display: inline-block;
    transform: scale(0.8);
    font-size: clamp(6px, 0.78125vw, 10px);
  }
}
.baseWrap .faqWrap .faqDesc > .footnote {
  margin-top: 3.4666666667vw;
  text-align: right;
  letter-spacing: 0;
  font-size: 2.6666666667vw;
  font-weight: 500;
  line-height: 1.05;
}
@media (max-width: 767.98px) {
  .baseWrap .faqWrap .faqDesc > .footnote {
    margin-right: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqDesc > .footnote {
    margin-top: clamp(3.6px, 0.46875vw, 6px);
    font-size: clamp(8.4px, 1.09375vw, 14px);
    line-height: 1.5;
  }
}
.baseWrap .faqWrap .faqDesc > .footnote > * {
  font-size: inherit;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqItem .faqContent {
    min-height: clamp(129.6px, 16.875vw, 216px);
  }
}
.baseWrap .faqWrap .faqList > * + * {
  margin-top: 4.8vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .faqList > * + * {
    margin-top: clamp(14.4px, 1.875vw, 24px);
  }
}
.baseWrap .faqWrap .accordionBox {
  overflow: hidden;
  border-radius: 1.3333333333vw;
  background-color: #0a2578;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionBox {
    border-radius: clamp(3px, 0.390625vw, 5px);
  }
}
.baseWrap .faqWrap .accordionBox > .accordionHeader {
  height: 17.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionBox > .accordionHeader {
    height: clamp(36px, 4.6875vw, 60px);
  }
}
.baseWrap .faqWrap .accordionBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 767.98px) {
  .baseWrap .faqWrap .accordionBtn {
    padding-right: 3.7333333333vw;
  }
}
.baseWrap .faqWrap .accordionBtn > .label {
  text-align: center;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.2222222222;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionBtn > .label {
    font-size: clamp(13.2px, 1.71875vw, 22px);
    line-height: 2;
  }
}
.baseWrap .faqWrap .accordionBtn > .icon {
  position: absolute;
  top: 0;
  right: 4vw;
  bottom: 0;
  margin: auto;
  border-radius: 0.2vw;
  width: 4.96vw;
  height: 0.4vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionBtn > .icon {
    right: clamp(15px, 1.953125vw, 25px);
    border-radius: clamp(0.6px, 0.078125vw, 1px);
    width: clamp(10.464px, 1.3625vw, 17.44px);
    height: clamp(1.2px, 0.15625vw, 2px);
  }
}
.baseWrap .faqWrap .accordionBtn > .icon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.2vw;
  transition: transform 0.2s cubic-bezier(0, 0, 0.58, 1);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionBtn > .icon::before {
    border-radius: clamp(0.6px, 0.078125vw, 1px);
  }
}
.baseWrap .faqWrap .accordionBtn[aria-expanded=false] > .icon::before {
  transform: rotate(-90deg);
}
.baseWrap .faqWrap .accordionContent {
  overflow: hidden;
  max-height: 699px;
  transition: max-height 0.3s cubic-bezier(0, 0, 0.58, 1);
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionContent {
    max-height: 399px;
  }
}
.baseWrap .faqWrap .accordionContent:not(.isOpen) {
  max-height: 0;
}
.baseWrap .faqWrap .accordionContent > .contentBox {
  margin-top: -4vw;
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .accordionContent > .contentBox {
    margin-top: clamp(-9px, -0.703125vw, -5.4px);
  }
}
.baseWrap .faqWrap .accordionHeader > .accordionBtn {
  width: 100%;
  height: 100%;
}
.baseWrap .faqWrap .contentBox {
  border: solid #0a2578;
  border-width: 4vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .baseWrap .faqWrap .contentBox {
    border-width: clamp(5.4px, 0.703125vw, 9px);
  }
}
.baseWrap .faqWrap > .faqBox {
  max-width: 1280px;

  margin-inline: auto;
}
.baseWrap .faqWrap .faqBox > .h {
  transition: background-position 1.74s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: var(--color-midnight-blue);
  background-image: linear-gradient(110deg, transparent 0, transparent 50%, rgba(255, 255, 255, 0.9) 70%, transparent 90%, transparent 100%);
  background-position: 200%;
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% 100%;

  -webkit-text-fill-color: transparent;
}
.baseWrap .faqWrap .faqBox > .txt {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.56s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .faqWrap .faqBox .faqList {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.86s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .faqWrap .faqBox .cloud {
  opacity: 0;
  transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.baseWrap .faqWrap .faqBox .cloud.cloud01 {
  transition-delay: 1.06s;
  transform: translate3d(-10%, 0, 0);
}
.baseWrap .faqWrap .faqBox .cloud.cloud02 {
  transform: translate3d(10%, 0, 0);
}
.baseWrap .faqWrap .faqBox .cloud.cloud03 {
  transform: translate3d(-10%, 0, 0);
}
.baseWrap .faqWrap .faqBox .cloud.cloud04 {
  transform: translate3d(10%, 0, 0);
}
.baseWrap .faqWrap .faqBox .cloud.inview {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}
.baseWrap .faqWrap.inview .faqBox > .h {
  background-position: 0%;
}
.baseWrap .faqWrap.inview .faqBox > .txt {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .faqWrap.inview .faqBox .cloud.cloud01 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .faqWrap.inview .faqList {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .catalogWrap {
  padding: 17.3333333333vw 0 17.8666666667vw;
  background-color: var(--color-midnight-blue);
  background-position: center top -9.0666666667vw;
  background-size: 18.9333333333vw;
}
.baseWrap .catalogWrap .catalogBox {
  padding: 0 5.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .catalogBox {
    padding: 0 clamp(84px, 10.9375vw, 140px);
  }
}
.baseWrap .catalogWrap .catalogBox > * + * {
  margin-top: 12vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .catalogBox > * + * {
    margin-top: clamp(33.6px, 4.375vw, 56px);
  }
}
.baseWrap .catalogWrap .tabList {
  display: flex;
}
.baseWrap .catalogWrap .tabList > .tab {
  display: flex;
  align-items: center;
  flex: 1 0;
  justify-content: space-between;
  border: solid var(--color-white);
  border-width: 0 0.1333333333vw;
  height: 20.5333333333vw;
  background-color: var(--color-white);
  text-align: center;
  letter-spacing: 0;
  color: var(--color-midnight-blue);
  box-shadow: 0 -0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.16);
  font-size: 4.9333333333vw;
  font-weight: 700;
  line-height: 1.3243243243;
}
@media (max-width: 767.98px) {
  .baseWrap .catalogWrap .tabList > .tab {
    flex-direction: column;
    padding-bottom: 3.2vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab {
    justify-content: center;
    border-width: 0 clamp(0.6px, 0.078125vw, 1px);
    height: clamp(30px, 3.90625vw, 50px);
    font-size: clamp(12px, 1.5625vw, 20px);
    line-height: 2.45;
  }
}
.baseWrap .catalogWrap .tabList > .tab::before {
  content: "";
  background-color: var(--color-midnight-blue);

  -webkit-mask-size: 100%;

          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  .baseWrap .catalogWrap .tabList > .tab::before {
    margin-top: auto;
    margin-bottom: 0.8vw;
  }
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab::before {
    margin-right: clamp(5.4px, 0.703125vw, 9px);
  }
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab {
    box-shadow: 0 clamp(-4px, -0.3125vw, -2.4px) clamp(6px, 0.78125vw, 10px) rgba(0, 0, 0, 0.16);
  }
}
.baseWrap .catalogWrap .tabList > .tab[aria-selected=true] {
  z-index: 1;
  box-shadow: var(--tab-shadow-x) -0.5333333333vw 1.3333333333vw rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab[aria-selected=true] {
    box-shadow: var(--tab-shadow-x) clamp(-4px, -0.3125vw, -2.4px) clamp(6px, 0.78125vw, 10px) rgba(0, 0, 0, 0.3);
  }
}
.baseWrap .catalogWrap .tabList > .tab[aria-selected=false] {
  background-color: #504c9f;
  color: var(--color-white);
}
.baseWrap .catalogWrap .tabList > .tab[aria-selected=false]::before {
  background-color: var(--color-white);
}
.baseWrap .catalogWrap .tabList > .tab:nth-child(1) {
  --tab-shadow-x: 0.5333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab:nth-child(1) {
    --tab-shadow-x: clamp(2.4px, 0.3125vw, 4px);
  }
}
.baseWrap .catalogWrap .tabList > .tab:nth-child(1)[aria-selected=false] {
  border-left-color: #504c9f;
}
.baseWrap .catalogWrap .tabList > .tab:nth-child(2) {
  --tab-shadow-x: 0;
}
.baseWrap .catalogWrap .tabList > .tab:nth-child(3) {
  --tab-shadow-x: -0.5333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab:nth-child(3) {
    --tab-shadow-x: clamp(-4px, -0.3125vw, -2.4px);
  }
}
.baseWrap .catalogWrap .tabList > .tab:nth-child(3)[aria-selected=false] {
  border-right-color: #504c9f;
}
.baseWrap .catalogWrap .tabList > .tab.sports::before {
  width: 5.8133333333vw;
  height: 5.8133333333vw;

  -webkit-mask-image: url("../../img/index/base/catalog-sports-club.svg");

          mask-image: url("../../img/index/base/catalog-sports-club.svg");
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab.sports::before {
    width: clamp(15.462px, 2.01328125vw, 25.77px);
    height: clamp(15.462px, 2.01328125vw, 25.77px);
  }
}
.baseWrap .catalogWrap .tabList > .tab.cultural::before {
  width: 6vw;
  height: 6.4vw;

  -webkit-mask-image: url("../../img/index/base/catalog-cultural-club.svg");

          mask-image: url("../../img/index/base/catalog-cultural-club.svg");
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab.cultural::before {
    width: clamp(17.634px, 2.29609375vw, 29.39px);
    height: clamp(18.936px, 2.465625vw, 31.56px);
  }
}
.baseWrap .catalogWrap .tabList > .tab.other::before {
  width: 4.6666666667vw;
  height: 6.4vw;

  -webkit-mask-image: url("../../img/index/base/catalog-other.svg");

          mask-image: url("../../img/index/base/catalog-other.svg");
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabList > .tab.other::before {
    width: clamp(13.212px, 1.7203125vw, 22.02px);
    height: clamp(18.324px, 2.3859375vw, 30.54px);
  }
}
.baseWrap .catalogWrap .tabPanel.hidden {
  display: none;
}
.baseWrap .catalogWrap .tabsBox::before {
  content: none;
}
.baseWrap .catalogWrap .tabsBox > .tabsHeader {
  position: relative;
  left: calc(50% - 50vw);
  width: 100vw;
}
.baseWrap .catalogWrap .tabsBox > .tabPanel {
  margin-top: 13.3333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabsBox > .tabPanel {
    margin-top: clamp(30px, 3.90625vw, 50px);
  }
}
.baseWrap .catalogWrap .tabsHeader {
  border-bottom: 0.5333333333vw solid var(--color-white);
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabsHeader {
    border-bottom-width: clamp(1.2px, 0.15625vw, 2px);
  }
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .tabsHeader > .tabList {
    margin: 0 auto;
    width: clamp(600px, 78.125vw, 1000px);
  }
}
.baseWrap .catalogWrap .volBox > .txt {
  margin-top: 3.2vw;
  text-align: center;
  letter-spacing: 0;
  color: var(--color-white);
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volBox > .txt {
    margin-top: clamp(9.6px, 1.25vw, 16px);
    font-size: clamp(9.6px, 1.25vw, 16px);
    line-height: 1.875;
  }
}
.baseWrap .catalogWrap .volBox > .listBox {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volBox > .listBox {
    margin-top: clamp(19.2px, 2.5vw, 32px);
  }
}
.baseWrap .catalogWrap .volBox > .tabsBox {
  margin-top: 10.1333333333vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volBox > .tabsBox {
    margin-top: clamp(16.2px, 2.109375vw, 27px);
  }
}
.baseWrap .catalogWrap .volBox > .volH {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transform: translate3d(0, 20px, 0);
}
.baseWrap .catalogWrap .volBox > .txt {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.56s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .catalogWrap .volBox > .listBox,
.baseWrap .catalogWrap .volBox > .tabsBox {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.86s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .catalogWrap .volBox.inview > .volH {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .catalogWrap .volBox.inview > .txt {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .catalogWrap .volBox.inview > .listBox,
.baseWrap .catalogWrap .volBox.inview > .tabsBox {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap .catalogWrap .volH {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.baseWrap .catalogWrap .volH > .eyebrow {
  position: relative;
  letter-spacing: 0.04em;
  color: var(--color-white);
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.4444444444;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .eyebrow {
    font-size: clamp(14.4px, 1.875vw, 24px);
    line-height: 1.4583333333;
  }
}
.baseWrap .catalogWrap .volH > .eyebrow > .num {
  font-size: 6.9333333333vw;
  line-height: 1.4423076923;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .eyebrow > .num {
    font-size: clamp(22.8px, 2.96875vw, 38px);
    line-height: 1.4473684211;
  }
}
.baseWrap .catalogWrap .volH > .eyebrow::before,
.baseWrap .catalogWrap .volH > .eyebrow::after {
  content: "";
  position: absolute;
  bottom: 1.2vw;
  width: 3.2vw;
  height: 4.5333333333vw;
  background-color: var(--color-white);

  -webkit-clip-path: polygon(0 0, 44% 0, 100% 100%);

          clip-path: polygon(0 0, 44% 0, 100% 100%);
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .eyebrow::before,
  .baseWrap .catalogWrap .volH > .eyebrow::after {
    bottom: clamp(3px, 0.390625vw, 5px);
    width: clamp(10.8px, 1.40625vw, 18px);
    height: clamp(15px, 1.953125vw, 25px);
  }
}
.baseWrap .catalogWrap .volH > .eyebrow::before {
  left: -4.8vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .eyebrow::before {
    left: clamp(-27px, -2.109375vw, -16.2px);
  }
}
.baseWrap .catalogWrap .volH > .eyebrow::after {
  right: -4.5333333333vw;
  transform: scaleX(-1);
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .eyebrow::after {
    right: clamp(-27px, -2.109375vw, -16.2px);
  }
}
.baseWrap .catalogWrap .volH > .h {
  position: relative;
  padding: 1.8666666667vw 5.3333333333vw;
  border: 0.5333333333vw solid var(--color-midnight-blue);
  background-color: var(--color-white);
  letter-spacing: 0;
  color: var(--color-midnight-blue);
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 1.1428571429;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .h {
    padding: clamp(6px, 0.78125vw, 10px) clamp(19.2px, 2.5vw, 32px);
    border-width: clamp(2.4px, 0.3125vw, 4px);
    font-size: clamp(18px, 2.34375vw, 30px);
    line-height: 1.3666666667;
  }
}
.baseWrap .catalogWrap .volH > .h::before {
  content: "";
  position: absolute;
  border: max(1px, 0.2666666667vw) solid var(--color-midnight-blue);

  inset: max(1px, 0.2666666667vw);
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap .volH > .h::before {
    border-width: clamp(1.2px, 0.15625vw, 2px);

    inset: clamp(1.2px, 0.15625vw, 2px);
  }
}
.baseWrap .catalogWrap.lazyloaded {
  background-image: url("../../img/index/base/diamond.svg");
}
.baseWrap .no-webp .catalogWrap.lazyloaded {
  background-image: url("../../img/index/base/diamond.svg");
}
.baseWrap .lazyloaded::before,
.baseWrap .lazyloaded::after {
  background-image: url("../../img/index/base/diamond.svg");
}
.baseWrap .no-webp .lazyloaded::before,
.baseWrap .no-webp .lazyloaded::after {
  background-image: url("../../img/index/base/diamond.svg");
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap {
    padding: clamp(58.8px, 7.65625vw, 98px) 0 clamp(78px, 10.15625vw, 130px);
    background-position: center top clamp(-13px, -1.015625vw, -7.8px);
    background-size: clamp(55.2px, 7.1875vw, 92px);
  }
}
.baseWrap .catalogWrap > .symbol {
  width: 14.9333333333vw;
  font-size: 0;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap > .symbol {
    width: clamp(38.4px, 5vw, 64px);
  }
}
.baseWrap .catalogWrap > .h {
  margin: 1.6vw auto 0;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.4423076923;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap > .h {
    margin-top: clamp(-3px, -0.234375vw, -1.8px);
    font-size: clamp(21.6px, 2.8125vw, 36px);
    line-height: 1.4444444444;
  }
}
.baseWrap .catalogWrap > .catalogBox {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .baseWrap .catalogWrap > .catalogBox {
    margin: 0 auto;
    margin-top: clamp(6px, 0.78125vw, 10px);
    max-width: 1280px;
  }
}
.baseWrap .catalogWrap > .h {
  transition: background-position 1.74s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: var(--color-white);
  background-image: linear-gradient(110deg, transparent 0, transparent 50%, rgba(25, 20, 101, 0.9) 70%, transparent 90%, transparent 100%);
  background-position: 200%;
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% 100%;

  -webkit-text-fill-color: transparent;
}
.baseWrap .catalogWrap > .txt {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-delay: 0.56s;
  transform: translate3d(0, 20px, 0);
}
.baseWrap .catalogWrap.inview > .h {
  background-position: 0%;
}
.baseWrap .catalogWrap.inview > .txt {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.baseWrap > .ctaWrap {
  position: relative;
  z-index: 1;
}
.baseWrap > .catalogWrap {
  position: relative;
  z-index: 1;
}

/*
* index.css
*
*/
/* --------------------------------
  index
-------------------------------- */
.mainWrap {
  overflow: hidden;
}