.site-main {
  padding-top: 0;
  background-color: #fff;
  color: #1a1a1a;
  font-family: Zen Kaku Gothic Antique, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4rem
}

.site-main * {
  letter-spacing: 0
}

html {
  scroll-behavior: smooth
}

.section-hero {
  padding-bottom: 32px
}

.section-hero .mv {
  position: relative;
  padding-top: 133.3333%;
  overflow: hidden
}

.section-hero .mv img {
  width: 100%
}

.section-hero .mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform-origin: 50% 75%;
  transform-origin: 50% 75%
}

.section-hero .mv__title {
  position: absolute;
  top: 3.1646%;
  left: 58.1333%;
  width: 44%
}

.section-hero .mv__six {
  position: absolute;
  top: 11.8671%;
  left: 20.8%;
  width: 58.6667%
}

.section-hero .mv__box {
  position: absolute;
  top: 28.481%;
  left: 14.6667%;
  width: 70.4%
}

.section-hero .mv__confetti {
  position: absolute;
  width: 172.2667%;
  top: -21.6772%;
  left: -18.1333%;
  -webkit-transform-origin: 40% 55%;
  transform-origin: 40% 55%
}

.section-hero .mv__desc {
  font-size: 3.7333vw;
  line-height: 1.8571;
  text-align: center;
  padding: 0 20px
}

.section-hero .mv__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff
}

.section-hero .navi {
  margin-top: 29px;
  padding: 0 12.5px
}

.section-hero .menu-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 10px
}

.section-hero .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  border: 1px solid #1a1a1a;
  border-radius: 5px;
  min-height: 46px;
  padding: .4em .5em .6em;
  position: relative;
  background-color: #e6e6e6;
}

.section-hero .link:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 5px;
  background-color: #1a1a1a;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  bottom: 2px;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.section-hero .link_gray {
  background-color: #b3b3b3
}

.section-hero .link_pink {
  background-color: #f897c7
}

.section-hero .link_yellow {
  background-color: #ffe002
}

.section-hero .link_blue {
  background-color: #468bf9
}

.section-hero .link_red {
  background-color: #eb4c54
}

.section-hero .link_green {
  background-color: #5ae4a7
}

.section-live {
  position: relative;
  padding: 50px 0 80px;
  border: 1px solid #1a1a1a;
  border-bottom: none;
  border-radius: 37px 37px 0 0
}

.section-live+.section-live {
  margin-top: -37px
}

.section-live_gray {
  background-color: #b3b3b3
}

.section-live_pink {
  background-color: #f897c7
}

.section-live_yellow {
  background-color: #ffe002
}

.section-live_blue {
  background-color: #468bf9
}

.section-live_red {
  background-color: #eb4c54
}

.section-live_green {
  background-color: #5ae4a7
}

.section-live .section-content {
  padding: 0 20px
}

.section-live .pillar {
  position: absolute;
  line-height: 1
}

.section-live .pillar_left {
  top: 27px;
  right: calc(100% - 20px);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%);
  white-space: nowrap
}

.section-live .pillar_right {
  top: 27px;
  left: calc(100% - 20px);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%);
  white-space: nowrap
}

.section-live .headline {
  padding: 0 2rem
}

.section-live .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.section-live .heading__name {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-top: 16px
}

.section-live .heading__name .lg {
  font-size: 2.4rem
}

.section-live .heading__live {
  margin-top: 12px
}

.section-live .content {
  margin-top: 22px
}

.section-live .paragraph {
  line-height: 1.8464;
  text-align: center
}

.section-live .paragraph_sm {
  font-size: 1.1rem;
  line-height: 1.8182
}

.section-live .paragraph+.paragraph {
  margin-top: 8px
}

.section-live .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.section-live .button-wrap .speech-bubble {
  margin-bottom: -4px
}

.section-live *+.button-wrap {
  margin-top: 32px
}

.section-live .speech-bubble {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1
}

.section-live .speech-bubble__text {
  -webkit-filter: drop-shadow(0 6px 0 #1a1a1a);
  filter: drop-shadow(0 6px 0 #1a1a1a);
  position: relative;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: .55rem 2.4rem;
  background-color: #fff;
  border: 2px solid #1a1a1a;
  border-radius: 1rem
}

.section-live .speech-bubble__decoration {
  position: absolute;
  right: 24px;
  bottom: -13px;
  -webkit-clip-path: inset(5.8px 0 0 0);
  clip-path: inset(5.8px 0 0 0)
}

.section-live .speech-bubble_yellow .speech-bubble__text {
  background: #ffe002
}

.section-live .speech-bubble_pink .speech-bubble__text {
  background-color: #f897c7
}

.section-live .speech-bubble_blue .speech-bubble__text {
  background-color: #468bf9
}

.section-live .speech-bubble_red .speech-bubble__text {
  background-color: #eb4c54
}

.section-live .speech-bubble_green .speech-bubble__text {
  background-color: #5ae4a7
}

.section-live .button {
  width: 100%;
  border: 2px solid #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  line-height: 1.5;
  padding: 1.3rem 2rem;
  border-radius: 9999px;
  -webkit-filter: drop-shadow(0 6px 0 #1a1a1a);
  filter: drop-shadow(0 6px 0 #1a1a1a);
  transform: translateZ(0);
}

.section-live .button_yellow {
  background-color: #ffe002
}

.section-live .button_red {
  background-color: #eb4c54;
}

.section-live .button_blue {
  background-color: #468bf9;
}

.section-live .button_pink {
  background-color: #f897c7;
}

.section-live .button_green {
  background-color: #5ae4a7;
}

.section-live .button__icon {
  margin-right: 8px
}

.section-live .button__icon img {
  display: block
}

.section-live .video {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.section-live .video__content {
  width: 100%;
  max-width: 200px;
  aspect-ratio: 9/16;
  position: relative
}

.section-live .video__content>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.section-live .video__thumbnail {
  position: relative
}

.section-live .video__thumbnail:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 46px;
  height: 46px;
  background-image: url(../img/top/play.svg);
  background-repeat: no-repeat
}

.section-live .challenge-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.section-live *+.challenge-wrap {
  margin-top: 32px
}

.section-live .challenge-list {
  width: 100%
}

.section-live .challenge-list__item+.challenge-list__item {
  margin-top: 12px
}

.section-live .challenge {
  min-height: 71px;
  padding: .5rem 1.4rem;
  background-color: #fff;
  border: 2px solid #1a1a1a;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px #1a1a1a;
  box-shadow: 0 6px #1a1a1a
}

.section-live .challenge__number {
  margin-right: 14px
}

.section-live .challenge__text {
  line-height: 2rem
}

.section-live .challenge-theme {
  min-height: 70px;
  padding: .5rem 1.4rem;
  background-color: #fff;
  border: 2px solid #1a1a1a;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 6px #1a1a1a;
  box-shadow: 0 6px #1a1a1a
}

.section-live .challenge-theme__from {
  border: 1px solid #1a1a1a;
  border-radius: 9999px;
  font-size: 1.1rem;
  line-height: 1.6rem;
  letter-spacing: .05em;
  padding: 0 1.4rem
}

.section-live .challenge-theme__from_gray {
  background-color: #b3b3b3
}

.section-live .challenge-theme__from_pink {
  background-color: #f897c7
}

.section-live .challenge-theme__from_yellow {
  background-color: #ffe002
}

.section-live .challenge-theme__from_blue {
  background-color: #468bf9
}

.section-live .challenge-theme__from_red {
  background-color: #eb4c54
}

.section-live .challenge-theme__from_green {
  background-color: #5ae4a7
}

.section-live .challenge-theme__text {
  margin-top: 4px
}

@media only screen and (min-width:933px) {
  .section-hero .mv__desc {
    font-size: 1.4rem
  }
}

.video__content .vjs-custom-control-spacer {
  display: none;
}

.video__content .vjs-play-control,
.video__content .vjs-volume-panel,
.video__content .vjs-volume-panel:hover,
.video__content .vjs-picture-in-picture-control,
.video__content .vjs-fullscreen-control {
  width: 25%;
}

.section-share {
  position: relative;
  padding: 30px 0 35px;
  border: 1px solid #1a1a1a;
  border-bottom: none;
  border-radius: 37px 37px 0 0;
  margin-top: -37px;
  background-color: #fff;
}

.section-share .section-content {
  padding: 0 20px;
}

.section-share .headline {
  text-align: center;
}

.section-share .content {
  margin-top: 23px;
}

.section-share .sns-list {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.section-share .button-wrap {
  margin-top: 21px;
}

.section-share .button {
  position: relative;
  width: 100%;
  border: 2px solid #1a1a1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 1.3rem 3rem;
  border-radius: 9999px;
  -webkit-filter: drop-shadow(0 6px 0 #1a1a1a);
  filter: drop-shadow(0 6px 0 #1a1a1a);
  transform: translateZ(0);
  background-color: #ffe002;
  max-width: 270px;
  margin: auto;
}


.section-share .button::before {
  content: '';
  display: inline-block;
  width: .9em;
  height: .9em;
  position: absolute;
  right: 0.9em;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/top/icon-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}