.season__title, .about__title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.cont__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cont__center > * {
  min-height: 0%;
}

.cont__container, .cont__container--small {
  box-sizing: content-box !important;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .cont__container, .cont__container--small {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 375px) {
  .cont__container, .cont__container--small {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}

.cont__container--small {
  max-width: 990px;
}
@media screen and (max-width: 767px) {
  .cont__container--small {
    max-width: 89.3333333333vw;
  }
}

.cv__btn, .season__link, .kv__sound, .kv__playpause, .kv__cta, .link {
  color: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
.cv__btn:hover, .season__link:hover, .kv__sound:hover, .kv__playpause:hover, .kv__cta:hover, .link:hover {
  opacity: 0.7;
}

/* common:start */
[v-cloak] {
  display: none;
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important;
  }
}

/* common:end */
/* andond:start */
.main-andond {
  font-family: "tbudgothic-std", sans-serif;
  line-height: 1.6;
  color: #4F4F4F;
}
.main-andond section[id] {
  scroll-margin-top: 100px;
}

.footer {
  margin-top: 0 !important;
}

/* andond:end */
/* kv:start */
.kv {
  position: relative;
}
@media screen and (min-width: 768px) {
  .kv {
    max-width: 1440px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .kv {
    display: flex;
    flex-direction: column;
  }
}
.kv__visual {
  position: relative;
}
@media screen and (min-width: 768px) {
  .kv__visual {
    width: 70.9722222222%;
    margin-left: auto;
    margin-right: 5.3472222222%;
  }
}
@media screen and (max-width: 767px) {
  .kv__visual {
    order: 1;
    width: 100%;
  }
}
.kv__media {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1022/575;
  object-fit: cover;
}
.kv__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv__sound {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  background: transparent;
  border: 0;
  color: #fff;
  font-family: "tbudgothic-std", sans-serif;
  line-height: 1.5;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .kv__sound {
    left: 72%;
    bottom: 6.9565217391%;
    font-size: min(13px, 0.9027777778vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__sound {
    top: 29.2553191489vw;
    right: 5.3191489362vw;
    flex-direction: column;
    align-items: center;
    font-size: 2.1276595745vw;
  }
}
.kv__soundState {
  position: relative;
}
@media screen and (min-width: 768px) {
  .kv__soundState {
    margin-left: min(14px, 0.9722222222vw);
    padding-left: min(15px, 1.0416666667vw);
  }
  .kv__soundState::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: min(14px, 0.9722222222vw);
    background: currentColor;
  }
}
@media screen and (max-width: 767px) {
  .kv__soundState {
    font-size: 2.6595744681vw;
    margin-top: 1.0638297872vw;
  }
}
.kv__playpause {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .kv__playpause {
    right: 3.8160469667%;
    bottom: 6.9565217391%;
    width: min(80px, 5.5555555556vw);
    height: min(80px, 5.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__playpause {
    top: 41.2234042553vw;
    right: 5.8510638298vw;
    width: 10.6382978723vw;
    height: 10.6382978723vw;
  }
}
.kv__playpauseIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kv__playpauseIcon::before, .kv__playpauseIcon::after {
  content: "";
  display: block;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .kv__playpauseIcon {
    gap: min(8px, 0.5555555556vw);
  }
  .kv__playpauseIcon::before, .kv__playpauseIcon::after {
    width: 2px;
    height: min(10px, 0.6944444444vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__playpauseIcon {
    gap: 1.0638297872vw;
  }
  .kv__playpauseIcon::before, .kv__playpauseIcon::after {
    width: 1px;
    height: 1.329787234vw;
  }
}
.kv__playpause.is-paused .kv__playpauseIcon {
  gap: 0;
}
.kv__playpause.is-paused .kv__playpauseIcon::before {
  width: 0;
  height: 0;
  background: transparent;
  box-shadow: none;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 768px) {
  .kv__playpause.is-paused .kv__playpauseIcon::before {
    border-width: min(7px, 0.4861111111vw) 0 min(7px, 0.4861111111vw) min(12px, 0.8333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__playpause.is-paused .kv__playpauseIcon::before {
    border-width: 4px 0 4px 7px;
  }
}
.kv__playpause.is-paused .kv__playpauseIcon::after {
  display: none;
}
.kv__lead {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .kv__lead {
    position: absolute;
    top: 39.652173913%;
    left: 5.5555555556%;
    z-index: 3;
    align-items: flex-start;
    gap: min(24px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__lead {
    order: 2;
    align-items: center;
    gap: 5.3191489362vw;
    padding: 6.3829787234vw 8.5106382979vw 0;
  }
}
.kv__copy {
  margin: 0;
  color: #4F4F4F;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 1.76px;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .kv__copy {
    font-size: min(44px, 3.0555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__copy {
    font-size: 7.4468085106vw;
    letter-spacing: 1.12px;
    text-align: center;
    white-space: normal;
  }
}
.kv__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 80px;
  background-image: linear-gradient(270deg, #e60012 0%, #e54c00 60%, #e52600 100%);
  color: #fff;
  font-family: "tbudgothic-std", sans-serif;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .kv__cta {
    gap: min(12px, 0.8333333333vw);
    width: min(290px, 20.1388888889vw);
    height: min(80px, 5.5555555556vw);
    font-weight: bold;
    font-size: min(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__cta {
    gap: 1.0638297872vw;
    width: 58.5106382979vw;
    height: 14.8936170213vw;
    font-size: 3.7234042553vw;
  }
}
.kv__ctaArrow {
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 768px) {
  .kv__ctaArrow {
    border-width: min(5px, 0.3472222222vw) 0 min(5px, 0.3472222222vw) min(12px, 0.8333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .kv__ctaArrow {
    border-width: 0.7978723404vw 0 0.7978723404vw 1.8617021277vw;
  }
}

/* kv:end */
/* about:start */
@media screen and (min-width: 768px) {
  .about {
    padding: min(120px, 8.3333333333vw) 20px;
  }
}
@media screen and (max-width: 767px) {
  .about {
    padding: 31.914893617vw 8.5106382979vw;
  }
}
.about__inner {
  display: flex;
}
@media screen and (min-width: 768px) {
  .about__inner {
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    padding-left: min(180px, 12.5vw);
    align-items: flex-start;
    gap: min(80px, 5.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .about__inner {
    flex-direction: column;
    align-items: center;
    gap: 9.5744680851vw;
  }
}
.about__logo {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .about__logo {
    width: min(180px, 12.5vw);
  }
}
@media screen and (max-width: 767px) {
  .about__logo {
    width: 31.914893617vw;
  }
}
.about__logo img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .about__body {
    width: min(620px, 43.0555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .about__body {
    width: 100%;
  }
}
.about__lead {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .about__lead {
    margin-bottom: min(20px, 1.3888888889vw);
    font-size: min(22px, 1.5277777778vw);
    line-height: 1.7;
    letter-spacing: 0.88px;
  }
}
@media screen and (max-width: 767px) {
  .about__lead {
    margin-bottom: 8.5106382979vw;
    font-size: 4.2553191489vw;
    line-height: 2;
    letter-spacing: 0.64px;
    text-align: center;
  }
}
.about__text {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .about__text {
    font-size: min(16px, 1.1111111111vw);
    line-height: 2;
    letter-spacing: 0.32px;
  }
}
@media screen and (max-width: 767px) {
  .about__text {
    font-size: 3.7234042553vw;
    line-height: 2;
    letter-spacing: 1.12px;
  }
}

/* about:end */
/* season:start */
.season__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .season__list {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .season__item {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .season__item {
    width: 100%;
  }
}
.season__link {
  position: relative;
  display: block;
  color: #fff;
}
.season__media, .season__media img {
  display: block;
  width: 100%;
  height: auto;
}
.season__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.season__badge {
  position: absolute;
  font-family: "tbudgothic-std", sans-serif;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  display: inline-block;
  padding: 3px 6px;
  background-image: linear-gradient(270deg, #e60012 0%, #e54c00 60%, #e52600 100%);
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.72px;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .season__badge {
    margin-bottom: min(8px, 0.5555555556vw);
    font-size: min(14px, 0.9722222222vw);
  }
}
@media screen and (max-width: 767px) {
  .season__badge {
    margin-bottom: 2.1276595745vw;
    padding: 0.7978723404vw 1.5957446809vw;
    font-size: 2.6595744681vw;
    letter-spacing: 0.52px;
  }
}
.season__name {
  display: block;
  font-family: "tbudgothic-std", sans-serif;
  color: #fff;
  line-height: 1.5;
  text-shadow: 0 0 20px #000;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .season__name {
    font-size: min(48px, 3.3333333333vw);
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 767px) {
  .season__name {
    font-size: 6.3829787234vw;
    letter-spacing: 2px;
  }
}
.season__arrow {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .season__arrow {
    right: min(28px, 1.9444444444vw);
    bottom: min(28px, 1.9444444444vw);
    width: min(100px, 6.9444444444vw);
    height: min(100px, 6.9444444444vw);
    background-image: url("/andondo/assets/img/season_arrow_pc.png");
  }
}
@media screen and (max-width: 767px) {
  .season__arrow {
    right: 4.2553191489vw;
    bottom: 3.1914893617vw;
    width: 15.9574468085vw;
    height: 15.9574468085vw;
    background-image: url("/andondo/assets/img/season_arrow_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .season__link--aw {
    box-shadow: inset 0 2px 0 #e51300, inset 0 -2px 0 #e51300;
  }
}
@media screen and (max-width: 767px) {
  .season__link--aw {
    box-shadow: inset 2px 0 0 #e51300, inset -2px 0 0 #e51300;
  }
}
@media screen and (min-width: 768px) {
  .season__link--ss {
    box-shadow: inset 0 2px 0 #0051e6, inset 0 -2px 0 #0051e6;
  }
}
@media screen and (max-width: 767px) {
  .season__link--ss {
    box-shadow: inset 2px 0 0 #0063e5, inset -2px 0 0 #0063e5;
  }
}

/* season:end */
/* cv:start */
.cv {
  background: #f7f7f8;
}
@media screen and (min-width: 768px) {
  .cv {
    padding: min(80px, 5.5555555556vw) 20px;
  }
}
@media screen and (max-width: 767px) {
  .cv {
    padding: 12.7659574468vw 8.5106382979vw;
  }
}
.cv__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .cv__inner {
    gap: min(40px, 2.7777777778vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__inner {
    gap: 7.4468085106vw;
  }
}
.cv__title {
  margin: 0;
  color: #4F4F4F;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cv__title {
    font-size: min(32px, 2.2222222222vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__title {
    font-size: 6.3829787234vw;
  }
}
.cv__groups {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .cv__groups {
    gap: min(48px, 3.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__groups {
    gap: 8.5106382979vw;
  }
}
.cv__group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .cv__group {
    gap: min(24px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__group {
    gap: 4.2553191489vw;
  }
}
.cv__label {
  margin: 0;
  color: #5f5d5d;
  font-family: "tbudgothic-std", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cv__label {
    font-size: min(18px, 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__label {
    font-size: 4.2553191489vw;
  }
}
.cv__buttons {
  display: flex;
}
@media screen and (min-width: 768px) {
  .cv__buttons {
    gap: min(40px, 2.7777777778vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__buttons {
    flex-direction: column;
    align-items: center;
    gap: 4.2553191489vw;
  }
}
.cv__btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 80px;
  font-family: "tbudgothic-std", sans-serif;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  .cv__btn {
    gap: min(12px, 0.8333333333vw);
    width: min(320px, 22.2222222222vw);
    height: min(90px, 6.25vw);
    font-weight: bold;
    font-size: min(18px, 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__btn {
    gap: 3.7234042553vw;
    width: 82.9787234043vw;
    height: 23.9361702128vw;
    font-size: 4.2553191489vw;
  }
}
.cv__btn--aw {
  background-image: linear-gradient(270deg, #e60012 0%, #e54c00 60%, #e52600 100%);
  color: #fff;
}
.cv__btn--ss {
  background-image: linear-gradient(270deg, #0077e6 0%, #009ce5 60%, #0089e5 100%);
  color: #fff;
}
.cv__btn--store {
  background: #fff;
  border: 1px solid #e60012;
  color: #e60012;
}
.cv__btnIcon {
  flex-shrink: 0;
  width: 12px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask-image: url("/andondo/common/img/window.png");
  mask-image: url("/andondo/common/img/window.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media screen and (min-width: 768px) {
  .cv__btnIcon {
    width: min(12px, 0.8333333333vw);
    height: min(18px, 1.25vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__btnIcon {
    width: 3.1914893617vw;
    height: 4.7872340426vw;
  }
}
.cv__btn--pending {
  flex-direction: column;
  cursor: default;
}
.cv__btn--pending:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .cv__btn--pending {
    gap: min(2px, 0.1388888889vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__btn--pending {
    gap: 0.5319148936vw;
  }
}
@media screen and (min-width: 768px) {
  .cv__btnNote {
    font-size: min(13px, 0.9027777778vw);
  }
}
@media screen and (max-width: 767px) {
  .cv__btnNote {
    font-size: 3.1914893617vw;
  }
}

/* cv:end */
/* footer:start */
.footer-share,
.footer-nav {
  display: none !important;
}

/* footer:end */