@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
.wrap {
  background-color: #f4eee9;
  padding-top: 9.4rem;
}
@media screen and (max-width: 750px) {
  .wrap {
    padding-top: 0;
  }
}

.villainsOnly,
.princessOnly {
  display: none !important;
}

.is-villains .villainsOnly, .is-princess .princessOnly {
  display: block !important;
}

.is-villains span.villainsOnly, .is-princess span.princessOnly {
  display: inline-block !important;
}

@media screen and (max-width: 750px) {
  .mv {
    position: relative;
  }
  .mv .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: min(2rem, 2.6666666667vw);
    bottom: min(5rem, 6.6666666667vw);
  }
  .mv .swiper-pagination-bullet {
    border: 1px solid #fff;
    width: min(1.9rem, 2.5333333333vw);
    height: min(1.9rem, 2.5333333333vw);
    background-color: transparent;
  }
  .mv .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
  }
  .mv .swiper-button-prev,
  .mv .swiper-button-next {
    width: min(5rem, 6.6666666667vw);
    height: min(5rem, 6.6666666667vw);
    border-bottom: 1px solid #B3B1AD;
    position: absolute;
    bottom: 26%;
    margin: auto;
  }
  .mv .swiper-button-prev svg,
  .mv .swiper-button-next svg {
    display: none;
  }
  .mv .swiper-button-prev {
    border-left: 1px solid #B3B1AD;
    transform: rotate(45deg);
    left: 3.90625vw;
  }
  .mv .swiper-button-next {
    border-right: 1px solid #B3B1AD;
    transform: rotate(-45deg);
    right: 3.90625vw;
  }
}
.tab {
  display: flex;
  flex-wrap: wrap;
  background-color: #f2ede7;
}
.tab .logo-Disney {
  width: min(19rem, 14.84375vw);
  margin-bottom: min(3.2rem, 2.5vw);
}
@media screen and (max-width: 750px) {
  .tab .logo-Disney {
    width: min(28.7rem, 38.2666666667vw);
    margin-bottom: min(4rem, 5.3333333333vw);
  }
}
.tab .tab_text {
  order: 2;
  width: 34.84375%;
  font-weight: 700;
  text-align: center;
  color: #43281f;
  font-size: 1.5625vw;
  line-height: 2.125985;
  padding-top: 2.34375vw;
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 750px) {
  .tab .tab_text {
    width: 100%;
    font-size: min(2.8rem, 3.7333333333vw);
    line-height: 2.25;
    padding-top: min(8rem, 10.6666666667vw);
    padding-bottom: 6.6666666667vw;
  }
}
.tab .tab_text p {
  letter-spacing: normal;
  font-family: "Zen Old Mincho", serif;
}
.tab .tab_text p + p {
  margin-top: 1.328125vw;
}
@media screen and (max-width: 750px) {
  .tab .tab_text p + p {
    margin-top: 5.3333333333vw;
  }
}
.tab .tab-btn {
  width: 32.578125%;
  position: relative;
}
@media screen and (max-width: 750px) {
  .tab .tab-btn {
    width: 50%;
  }
}
.tab .tab-btn:not(.is-current)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(125, 125, 125, 0.5);
  mix-blend-mode: multiply;
}
.tab .tab-btn-villains {
  order: 1;
}
@media screen and (max-width: 750px) {
  .tab .tab-btn-villains {
    order: 2;
  }
}
.tab .tab-btn-princess {
  order: 3;
}
.tab .tab-btn_img {
  width: min(22rem, 17.1875vw);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  bottom: min(3.2rem, 2.5vw);
}
@media screen and (max-width: 750px) {
  .tab .tab-btn_img {
    width: min(22rem, 29.3333333333vw);
    bottom: min(5.9rem, 7.8666666667vw);
  }
}
.tab .img-collection {
  margin-top: 1.875vw;
  width: 11.171875vw;
}
@media screen and (max-width: 750px) {
  .tab .img-collection {
    margin-top: 3.90625vw;
    width: min(17.8rem, 23.7333333333vw);
  }
}

.tab-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.sec-header-lineup {
  padding-top: min(3.2rem, 2.5vw);
  padding-bottom: min(3.2rem, 2.5vw);
  position: relative;
  display: none;
}
@media screen and (max-width: 750px) {
  .sec-header-lineup {
    padding-top: min(9.8rem, 13.0666666667vw);
    padding-bottom: min(4rem, 5.3333333333vw);
  }
}
.sec-header-lineup:not(.swiper-initialized) .swiper-slide img {
  width: auto !important;
}
.sec-header-lineup .swiper-slide {
  transform: scale(0.75);
  transition: transform 0.8s ease;
}
.sec-header-lineup .swiper-slide-active {
  transform: scale(1);
  z-index: 2;
}
.sec-header-lineup .swiper-slide img {
  width: 100%;
  display: block;
}
.sec-header-lineup .swiper-controller {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: min(4.8rem, 3.75vw) auto 0;
  display: flex;
  align-items: center;
  gap: min(0.8rem, 0.625vw);
}
@media screen and (max-width: 750px) {
  .sec-header-lineup .swiper-controller {
    margin-top: min(6rem, 8vw);
  }
}
.sec-header-lineup .swiper-pagination-lineup {
  max-width: -moz-max-content;
  max-width: max-content;
}
.sec-header-lineup .swiper-pagination-bullet {
  width: min(0.5rem, 0.390625vw);
  height: min(0.5rem, 0.390625vw);
  margin: 0 2px !important;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .sec-header-lineup .swiper-pagination-bullet {
    width: min(0.7rem, 0.9333333333vw);
    height: min(0.7rem, 0.9333333333vw);
  }
}
.sec-header-lineup .swiper-button-prev-lineup,
.sec-header-lineup .swiper-button-next-lineup {
  width: min(2rem, 1.5625vw);
  height: min(2rem, 1.5625vw);
  border-radius: 50%;
  position: relative;
  margin-top: min(0.5rem, 0.390625vw);
}
@media screen and (max-width: 750px) {
  .sec-header-lineup .swiper-button-prev-lineup,
  .sec-header-lineup .swiper-button-next-lineup {
    width: min(2.6rem, 3.4666666667vw);
    height: min(2.6rem, 3.4666666667vw);
  }
}
.sec-header-lineup .swiper-button-prev-lineup::before,
.sec-header-lineup .swiper-button-next-lineup::before {
  content: "";
  width: min(1rem, 0.78125vw);
  height: min(1rem, 0.78125vw);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-bottom: 3px solid #fff;
}
@media screen and (max-width: 750px) {
  .sec-header-lineup .swiper-button-prev-lineup::before,
  .sec-header-lineup .swiper-button-next-lineup::before {
    width: min(1.2rem, 1.6vw);
    height: min(1.2rem, 1.6vw);
  }
}
.sec-header-lineup .swiper-button-prev-lineup::before {
  border-left: 3px solid #fff;
  transform: rotate(45deg);
  left: min(0.6rem, 0.46875vw);
}
@media screen and (max-width: 750px) {
  .sec-header-lineup .swiper-button-prev-lineup::before {
    left: min(0.8rem, 1.0666666667vw);
  }
}
.sec-header-lineup .swiper-button-next-lineup::before {
  border-right: 3px solid #fff;
  transform: rotate(-45deg);
  right: min(0.6rem, 0.46875vw);
}
@media screen and (max-width: 750px) {
  .sec-header-lineup .swiper-button-next-lineup::before {
    right: min(0.8rem, 1.0666666667vw);
  }
}

.sec-header-lineup.princess {
  background: linear-gradient(to bottom, #efd3df, #efd8c5);
}
.sec-header-lineup.princess .swiper-pagination-bullet,
.sec-header-lineup.princess .swiper-button-prev-lineup,
.sec-header-lineup.princess .swiper-button-next-lineup {
  background-color: #c4943f;
}

.sec-header-lineup.villains {
  background: linear-gradient(to bottom, #5c478e, #695196);
}
.sec-header-lineup.villains .swiper-pagination-bullet,
.sec-header-lineup.villains .swiper-button-prev-lineup,
.sec-header-lineup.villains .swiper-button-next-lineup {
  background-color: #fff;
}
.sec-header-lineup.villains .swiper-button-prev-lineup::before,
.sec-header-lineup.villains .swiper-button-next-lineup::before {
  border-color: #695196;
}

.main-contents {
  border-radius: 9999px 9999px 0 0;
  margin-top: min(6.8rem, 5.3125vw);
  padding-top: min(9.3rem, 7.265625vw);
  padding-bottom: min(20rem, 15.625vw);
  display: none;
}
@media screen and (max-width: 750px) {
  .main-contents {
    margin-top: min(6.1rem, 8.1333333333vw);
    padding-top: min(11.6rem, 15.4666666667vw);
    padding-bottom: min(12.8rem, 17.0666666667vw);
  }
}
.main-contents-princess {
  background: #efd8c5;
  color: #231815;
}
.main-contents-princess .main-contents_title img {
  width: min(28.4rem, 22.1875vw);
}
@media screen and (max-width: 750px) {
  .main-contents-princess .main-contents_title img {
    width: min(29.6rem, 39.4666666667vw);
  }
}
.main-contents-princess .sec_imglist img {
  box-shadow: min(0.8rem, 0.625vw) min(0.8rem, 0.625vw) 0 #e9c9bc;
}
@media screen and (max-width: 750px) {
  .main-contents-princess .sec_imglist img {
    box-shadow: min(2.2rem, 1.71875vw) min(2.2rem, 1.71875vw) 0 #e9c9bc;
  }
}
.main-contents-villains {
  background: #695196;
  color: #fff;
}
.main-contents-villains .main-contents_title img {
  width: min(23.7rem, 18.515625vw);
}
@media screen and (max-width: 750px) {
  .main-contents-villains .main-contents_title img {
    width: min(24.8rem, 33.0666666667vw);
  }
}
.main-contents-villains .sec_imglist img {
  box-shadow: min(0.8rem, 0.625vw) min(0.8rem, 0.625vw) 0 #8f6a99;
}
@media screen and (max-width: 750px) {
  .main-contents-villains .sec_imglist img {
    box-shadow: min(2.2rem, 1.71875vw) min(2.2rem, 1.71875vw) 0 #8f6a99;
  }
}
.main-contents-villains .sec_link {
  color: #fff !important;
}
.main-contents-villains .sec_link::after, .main-contents-villains .sec_link::before {
  background-color: #fff !important;
}
.main-contents_title {
  text-align: center;
  margin-bottom: min(7rem, 5.46875vw);
}
.main-contents_text {
  text-align: center;
  font-size: min(2.1rem, 1.640625vw);
  line-height: 1.8571428571;
  margin-bottom: min(9.6rem, 7.5vw);
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 750px) {
  .main-contents_text {
    font-size: min(3.2rem, 4.2666666667vw);
    margin-bottom: min(6.2rem, 8.2666666667vw);
    line-height: 2.125;
  }
}
.main-contents .sec {
  position: relative;
  max-width: min(96.4rem, 75.3125vw);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(12rem, 9.375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec {
    max-width: 86.4vw;
    margin-bottom: 11.4666666667vw;
  }
}
.main-contents .sec:last-child {
  margin-bottom: min(7.4rem, 5.78125vw);
}
.main-contents .sec_contents {
  width: 49.7925311203%;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_contents {
    width: 100%;
  }
}
.main-contents .sec .img-sec_title {
  display: block;
  margin-bottom: min(3.2rem, 2.5vw);
  margin-left: min(1.5rem, 1.171875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec .img-sec_title {
    margin-left: auto;
    margin-right: auto;
  }
}
.main-contents .sec_title {
  font-size: min(3.5rem, 2.734375vw);
  line-height: 1.1428571429;
  margin-bottom: min(3.2rem, 2.5vw);
  padding-left: min(1.5rem, 1.171875vw);
  font-family: "Zen Old Mincho", serif;
  letter-spacing: normal;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_title {
    font-size: min(4.3rem, 5.7333333333vw);
    line-height: 1.7441860465;
    text-align: center;
    margin-bottom: min(2.8rem, 3.7333333333vw);
    padding-left: 0;
  }
}
.main-contents .sec:not(.sec-main) .sec_title {
  font-size: min(3.1rem, 2.421875vw);
  line-height: 1.2903225806;
}
@media screen and (max-width: 750px) {
  .main-contents .sec:not(.sec-main) .sec_title {
    font-size: min(4.3rem, 5.7333333333vw);
    line-height: 1.7441860465;
  }
}
.main-contents .sec_text {
  font-size: min(1.6rem, 1.25vw);
  line-height: 1.875;
  padding-left: min(1.5rem, 1.171875vw);
  text-align: justify;
  margin-bottom: min(2.6rem, 2.03125vw);
  letter-spacing: normal;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_text {
    font-size: min(2.8rem, 3.7333333333vw);
    line-height: 1.9285714286;
    margin: 0 auto min(4.8rem, 6.4vw);
    width: min(59.3rem, 79.0666666667vw);
    padding-left: 0;
  }
}
.main-contents .sec_text p {
  margin: 0;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}
.main-contents .sec .sec_mainimg {
  position: absolute;
  left: 0;
  top: 0;
  width: min(46.2rem, 36.09375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec .sec_mainimg {
    position: static;
    margin: 0 auto min(4.8rem, 6.4vw);
    display: block;
    width: min(52.7rem, 70.2666666667vw);
  }
}
.main-contents .sec .sec_imglist {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .main-contents .sec .sec_imglist {
    width: min(57.1rem, 76.1333333333vw);
    margin: auto;
  }
}
.main-contents .sec .sec_imglist img {
  width: min(21.7rem, 16.953125vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec .sec_imglist img {
    width: 100%;
  }
}
.main-contents .sec:not(.sec-main) .sec_imglist {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  gap: min(1.3rem, 1.015625vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec:not(.sec-main) .sec_imglist {
    gap: min(4.6rem, 6.1333333333vw);
  }
}
@media screen and (max-width: 750px) {
  .main-contents .sec:not(.sec-main) .sec_imglist_item:nth-child(1) {
    order: 2;
  }
  .main-contents .sec:not(.sec-main) .sec_imglist_item:nth-child(2) {
    order: 3;
  }
  .main-contents .sec:not(.sec-main) .sec_imglist_item:last-child {
    order: 1;
    width: 100vw;
    position: relative;
    left: 11.9333333333vw;
  }
}
.main-contents .sec:not(.sec-main) .sec_imglist_item:last-child img {
  position: absolute;
  box-shadow: none;
  bottom: 0;
  right: min(21.6rem, 16.875vw);
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .main-contents .sec:not(.sec-main) .sec_imglist_item:last-child img {
    width: 100%;
    position: static;
  }
}
.main-contents .sec_point {
  position: relative;
  padding-top: min(5.8rem, 4.53125vw);
  padding-bottom: min(4.6rem, 3.59375vw);
  border-top: #c4943f 2px solid;
  border-bottom: #c4943f 2px solid;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_point {
    margin-top: min(13rem, 17.3333333333vw);
    margin-bottom: 8.5333333333vw;
    padding-top: min(8.6rem, 11.4666666667vw);
    padding-bottom: 5.6vw;
  }
}
.main-contents .sec_point .sec_point_title {
  position: absolute;
  top: -10%;
  left: 0;
  right: 0;
  margin: auto;
  width: min(31rem, 24.21875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec_point .sec_point_title {
    top: -4.5%;
    width: min(51.6rem, 68.8vw);
  }
}
.main-contents .sec_point p {
  width: 46.6804979253%;
  margin-left: auto;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  font-size: min(1.6rem, 1.25vw);
  line-height: 2.5;
  text-align: justify;
  letter-spacing: normal;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_point p {
    width: 100%;
    font-size: min(2.8rem, 3.7333333333vw);
    line-height: 1.9285714286;
  }
}
.main-contents .sec_point .sec_point_img {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_point .sec_point_img {
    position: static;
    display: block;
    margin: 0 auto min(6.4rem, 8.5333333333vw);
    width: 100vw !important;
    margin-left: -6.8vw;
  }
}
.main-contents .sec_link {
  max-width: -moz-max-content;
  max-width: max-content;
  position: relative;
  font-size: min(2.5rem, 1.953125vw);
  padding-bottom: min(4rem, 3.125vw);
  color: #8e5f35;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  margin: min(9.1rem, 7.109375vw) auto 0;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  padding-left: min(6rem, 4.6875vw);
  padding-right: min(3rem, 2.34375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec_link {
    font-size: min(2.5rem, 3.3333333333vw);
    padding-bottom: min(4.2rem, 5.6vw);
    padding-left: min(5.4rem, 7.2vw);
    padding-right: min(3rem, 4vw);
  }
}
.main-contents .sec_link::before {
  content: "";
  background-color: #8e5f35;
  width: min(1.6rem, 1.25vw);
  height: min(2.4rem, 1.875vw);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  left: min(2.9rem, 2.265625vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec_link::before {
    width: min(1.5rem, 2vw);
    height: min(2.5rem, 3.3333333333vw);
  }
}
.main-contents .sec_link::after {
  content: "";
  mask: url(../img/decorativeline.png) center/100% no-repeat;
  -webkit-mask: url(../img/decorativeline.png) center/100% no-repeat;
  background-color: #c4943f;
  width: min(38.6rem, 30.15625vw);
  height: min(2rem, 1.5625vw);
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 750px) {
  .main-contents .sec_link::after {
    width: min(38.6rem, 51.4666666667vw);
    height: min(2rem, 2.6666666667vw);
  }
}
.main-contents .sec-main {
  padding-top: min(4rem, 3.125vw);
}
.main-contents .sec-main .img-sec_title {
  margin-bottom: min(4.8rem, 3.75vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-main .img-sec_title {
    margin-bottom: min(7rem, 9.3333333333vw);
  }
}
.main-contents .sec-main .sec_text {
  margin-bottom: min(5.6rem, 4.375vw);
}
.main-contents .sec-main .sec_imglist {
  flex-direction: row;
  gap: min(3.1rem, 2.421875vw);
  margin-bottom: min(15.2rem, 11.875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-main .sec_imglist {
    flex-direction: column;
    gap: min(4.6rem, 6.1333333333vw);
  }
}
.main-contents .sec-main .sec_link {
  margin-top: min(5rem, 3.90625vw);
}
.main-contents .sec-villains .img-sec_title {
  width: min(15.5rem, 12.109375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-villains .img-sec_title {
    width: min(31.4rem, 41.8666666667vw);
  }
}
.main-contents .sec-villains .sec_point {
  border-color: #fff;
}
.main-contents .sec-villains .sec_point_img {
  width: min(35.5rem, 27.734375vw);
  bottom: min(2.3rem, 1.796875vw);
  left: min(4.4rem, 3.4375vw);
}
.main-contents .sec-villains .sec_link {
  color: #fff;
  margin-top: min(8.3rem, 6.484375vw);
}
.main-contents .sec-villains .sec_link::after {
  background-color: #fff;
}
.main-contents .sec-princess .img-sec_title {
  width: min(15.2rem, 11.875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-princess .img-sec_title {
    width: min(29.6rem, 39.4666666667vw);
  }
}
.main-contents .sec-princess .sec_point_img {
  width: min(31.6rem, 24.6875vw);
  left: min(7.8rem, 6.09375vw);
}
.main-contents .sec-snowwhite .img-sec_title {
  width: min(34.4rem, 26.875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-snowwhite .img-sec_title {
    width: min(58.3rem, 77.7333333333vw);
  }
}
.main-contents .sec-snowwhite .sec_imglist_item:last-child img {
  width: min(29.5rem, 23.046875vw);
}
.main-contents .sec-aurora .img-sec_title {
  width: min(29.1rem, 22.734375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-aurora .img-sec_title {
    width: min(49.1rem, 65.4666666667vw);
  }
}
.main-contents .sec-aurora .sec_imglist_item:last-child img {
  width: min(27rem, 21.09375vw);
}
.main-contents .sec-ariel .img-sec_title {
  width: min(29.1rem, 22.734375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-ariel .img-sec_title {
    width: min(50.1rem, 66.8vw);
  }
}
.main-contents .sec-ariel .sec_imglist_item:last-child img {
  width: min(28.5rem, 22.265625vw);
}
.main-contents .sec-jasmine .img-sec_title {
  width: min(30rem, 23.4375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-jasmine .img-sec_title {
    width: min(50.8rem, 67.7333333333vw);
  }
}
.main-contents .sec-jasmine .sec_imglist_item:last-child img {
  width: min(33.6rem, 26.25vw);
}
.main-contents .sec-belle .img-sec_title {
  width: min(29.1rem, 22.734375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-belle .img-sec_title {
    width: min(50.1rem, 66.8vw);
  }
}
.main-contents .sec-belle .sec_imglist_item:last-child img {
  width: min(28.3rem, 22.109375vw);
}
.main-contents .sec-rapunzel .img-sec_title {
  width: min(31.1rem, 24.296875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-rapunzel .img-sec_title {
    width: min(55rem, 73.3333333333vw);
  }
}
.main-contents .sec-rapunzel .sec_imglist_item:last-child img {
  width: min(28.4rem, 22.1875vw);
}
.main-contents .sec-evilqueen .img-sec_title {
  width: min(34.4rem, 26.875vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-evilqueen .img-sec_title {
    width: min(61rem, 81.3333333333vw);
  }
}
.main-contents .sec-evilqueen .sec_imglist_item:last-child img {
  width: min(22.6rem, 17.65625vw);
  right: min(25.5rem, 19.921875vw) !important;
}
.main-contents .sec-maleficent .img-sec_title {
  width: min(34.6rem, 27.03125vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-maleficent .img-sec_title {
    width: min(62.3rem, 83.0666666667vw);
  }
}
.main-contents .sec-maleficent .sec_imglist_item:last-child img {
  width: min(24.2rem, 18.90625vw);
  right: min(25rem, 19.53125vw) !important;
}
.main-contents .sec-ursula .img-sec_title {
  width: min(28.6rem, 22.34375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-ursula .img-sec_title {
    width: min(50.7rem, 67.6vw);
  }
}
.main-contents .sec-ursula .sec_imglist_item:last-child img {
  width: min(25rem, 19.53125vw);
}
.main-contents .sec-jafar .img-sec_title {
  width: min(28.6rem, 22.34375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-jafar .img-sec_title {
    width: min(51.2rem, 68.2666666667vw);
  }
}
.main-contents .sec-jafar .sec_imglist_item:last-child img {
  width: min(21.8rem, 17.03125vw);
  right: min(23.7rem, 18.515625vw) !important;
}
.main-contents .sec-queenofhearts .img-sec_title {
  width: min(44.5rem, 34.765625vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-queenofhearts .img-sec_title {
    width: min(67.3rem, 89.7333333333vw);
  }
}
.main-contents .sec-queenofhearts .sec_imglist_item:last-child img {
  width: min(23rem, 17.96875vw);
  right: min(27.3rem, 21.328125vw) !important;
}
.main-contents .sec-cruelladevil .img-sec_title {
  width: min(39.8rem, 31.09375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .sec-cruelladevil .img-sec_title {
    width: min(66.6rem, 88.8vw);
  }
}
.main-contents .sec-cruelladevil .sec_imglist_item:last-child img {
  width: min(28.3rem, 22.109375vw);
}
.main-contents .link_outer {
  display: flex;
  justify-content: center;
  gap: min(7.8rem, 6.09375vw);
}
@media screen and (max-width: 750px) {
  .main-contents .link_outer {
    gap: min(1.6rem, 2.1333333333vw);
  }
  .main-contents .link_outer .tab-btn {
    width: 43.4666666667vw;
  }
}

.button-area {
  padding-top: min(12rem, 9.375vw);
  padding-bottom: min(12rem, 9.375vw);
}
.button-area .button_wrapper + .button_wrapper {
  margin-top: min(4rem, 3.125vw);
}

.dot {
  background: radial-gradient(rgb(228, 228, 228) 0, rgb(228, 228, 228) 15%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0) 100%), radial-gradient(rgb(228, 228, 228) 15%, rgba(255, 255, 255, 0) 16%), rgb(255, 255, 255);
  background-position: 0 0, 90px 90px;
  background-size: 180px 180px;
  padding-top: min(12rem, 9.375vw);
  padding-bottom: min(12rem, 9.375vw);
  text-align: center;
  color: #c30d23;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .dot {
    background-position: 0 0, 75px 24px;
    background-size: 50px 50px;
  }
}
.dot_logo {
  display: inline-block;
  margin-bottom: min(3.2rem, 2.5vw);
}
@media screen and (max-width: 750px) {
  .dot_logo {
    margin-bottom: min(3.2rem, 4.2666666667vw);
  }
}
.dot_title {
  font-size: min(3.2rem, 2.5vw);
  margin-bottom: min(2.4rem, 1.875vw);
}
@media screen and (max-width: 750px) {
  .dot_title {
    font-size: min(3.6rem, 4.8vw);
    margin-bottom: min(2.4rem, 3.2vw);
  }
}
.dot_text {
  line-height: 2;
  font-size: min(1.6rem, 1.25vw);
  width: min(60rem, 46.875vw);
  margin: auto;
}
@media screen and (max-width: 750px) {
  .dot_text {
    font-size: min(2.8rem, 3.7333333333vw);
    width: min(60rem, 80vw);
  }
}/*# sourceMappingURL=add_style.css.map */