.p-in {
  overflow: hidden;
}
.p-in__title {
  width: 95%;
}
@media screen and (max-width: 960px) {
  .p-in__title {
    width: 120%;
    left: -10%;
  }
}

.p-update {
  --gradient-12: linear-gradient(to right, #ff3369 0%, #ff84ff 100%);
  --gradient-1: linear-gradient(to right, #ff84ff 0%, #29a4ff 100%);
  --gradient-2: linear-gradient(to right, #28a4fe 0%, #3bdc40 100%);
  --gradient-3: linear-gradient(to right, #3adc3a 0%, #ffc533 100%);
  --bg-12: #fff3ff;
  --bg-1: #eaf6ff;
  --bg-2: #ebfcec;
  --bg-3: #fff9eb;
  --gradient-next: linear-gradient(to right, #fec845 0%, #fd7db0 100%);
  --gradient-feature: linear-gradient(to right, #fec845 0%, #fd7db0 100%);
  --gradient-event: linear-gradient(to right, #29f1c4 0%, #02a1f9 100%);
  --gradient-item: linear-gradient(to right, #00a0ea 0%, #c773f3 100%);
  --gradient-collabo: linear-gradient(to right, #f283fc 0%, #ff5f5f 100%);
  --shadow-system: 0 1rem 2rem 0 rgba(255, 132, 255, 0.15);
  --shadow-event: 0 1rem 2rem 0 rgba(41, 164, 255, 0.2);
  display: block;
  position: relative;
}
.p-update__header {
  display: block;
  position: relative;
}
.p-update__inner {
  display: block;
  position: relative;
  overflow: hidden;
}

.p-update_tab {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: -2rem;
  padding-top: 2rem;
}
.p-update_tab__list {
  display: block;
  position: relative;
}
.p-update_tab__list-item {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-update_tab__list-item:first-child {
  position: relative;
}
.p-update_tab__btn {
  display: block;
  position: relative;
}
.is-current .p-update_tab__btn {
  pointer-events: none;
}
.p-update_tab__btn-text {
  width: 50%;
  height: calc(100% - 1rem);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  z-index: 2;
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--color-white);
  text-align: center;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 960px) {
  .p-update_tab__btn-text {
    font-size: 1.8rem;
    line-height: 1.2;
    height: calc(100% - 0.5rem);
  }
}
.--tab1 .p-update_tab__btn-text {
  left: 0;
}
.--tab2 .p-update_tab__btn-text {
  right: 0;
}
.p-update_tab__btn-text:hover {
  transform: translateY(1rem);
}
@media screen and (max-width: 960px) {
  .p-update_tab__btn-text:hover {
    transform: translateY(0.5rem);
  }
}
.p-update_tab__btn-base {
  display: block;
  position: relative;
  z-index: 0;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.is-current .p-update_tab__btn-base {
  z-index: 1;
}
.p-update_tab__btn-text:hover + .p-update_tab__btn-base {
  transform: translateY(1rem);
}
@media screen and (max-width: 960px) {
  .p-update_tab__btn-text:hover + .p-update_tab__btn-base {
    transform: translateY(0.5rem);
  }
}

.p-update_content {
  display: block;
  position: relative;
  background: var(--bg-12);
}
.p-update_content.-update_1, .p-update_content.--blue {
  background: var(--bg-1);
}
.p-update_content.-update_2 {
  background: var(--bg-2);
}
.p-update_content.-update_3 {
  background: var(--bg-3);
}
.p-update_content::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/update/bg_sparkle.png") repeat left top/30rem auto;
}
.p-update_content__header {
  min-height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 0.4rem 0 0.2rem;
  cursor: pointer;
  background: var(--gradient-12) no-repeat center top/100% auto;
}
@media screen and (max-width: 960px) {
  .p-update_content__header {
    min-height: 4.5rem;
  }
}
.-update_1 .p-update_content__header, .--blue .p-update_content__header {
  background: var(--gradient-1) no-repeat center top/100% auto;
}
.-update_2 .p-update_content__header {
  background: var(--gradient-2) no-repeat center top/100% auto;
}
.-update_3 .p-update_content__header {
  background: var(--gradient-3) no-repeat center top/100% auto;
}
.p-update_content__header::before {
  content: "";
  width: 2.4rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 4rem;
  background: url("../img/update/icon_arrow.png") no-repeat center/contain;
}
@media screen and (max-width: 960px) {
  .p-update_content__header::before {
    width: 1.4rem;
    right: 2rem;
  }
}
.is-drawer-open .p-update_content__header::before {
  transform: scale(1, -1);
}
.p-update_content__title {
  width: 85.7142857143%;
  display: block;
  position: relative;
  margin: -0.6rem auto 0;
  font-size: 2.8rem;
  color: var(--color-white);
  transform: rotate(0.03deg);
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-update_content__title {
    width: 89.3333333333%;
    padding: 0.5rem 0;
    font-size: 1.8rem;
  }
}
.p-update_content__title strong {
  font-size: 2em;
}
.p-update_content__title b {
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: 600;
}
.p-update_content__title small {
  font-size: 0.8em;
}
.p-update_content__inner {
  width: 100%;
  display: none;
  position: relative;
  padding: 7rem 5.3333333333% 8rem;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-update_content__inner {
    padding-top: 4rem;
    padding-bottom: 4.8rem;
  }
}
.is-drawer-open .p-update_content__inner {
  display: block;
}
.p-update_content__separate {
  width: 100%;
  height: 1rem;
  display: block;
  margin: 7rem 0;
  border: none;
  background: url("../img/products/dashline_pc_l.png") no-repeat left top/100% auto;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .p-update_content__separate {
    margin: 4rem 0;
    background: url("../img/products/dashline_sp_l.png") no-repeat left top/100% auto;
  }
}
.p-update_content__cap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  position: relative;
  margin: -4rem auto 6rem;
  padding: 0.1rem 1rem 0.2rem;
  font-size: 1.4rem;
  color: var(--color-white);
  background: var(--color-pink);
  border-radius: 200px;
}
@media screen and (max-width: 960px) {
  .p-update_content__cap {
    margin: -2rem auto 2rem;
    padding: 0.1rem 1rem 0.2rem;
    font-size: 1.2rem;
  }
}
.-update_1 .p-update_content__cap, .--blue .p-update_content__cap {
  background: var(--color-sky);
}
.p-update_content__bnr {
  display: block;
  position: relative;
  opacity: 0;
  transform: translateY(5rem);
}
@media screen and (max-width: 960px) {
  .p-update_content__bnr {
    width: 97%;
    margin: 0 auto;
  }
}
.is-load .p-update_content__bnr {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s cubic-bezier(0.5, 1, 0.89, 1) 0.3s, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
}
.p-update_content__bnr::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: var(--shadow-system);
  border-radius: 1.6rem;
  transition: width 0.5s cubic-bezier(0.5, 1, 0.89, 1), box-shadow 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
}
.--blue .p-update_content__bnr::before {
  box-shadow: var(--shadow-event);
}
@media (hover: hover) and (pointer: fine) {
  .p-update_content__bnr:hover::before {
    width: 98%;
  }
}
.p-update_content__bnr::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.3rem solid var(--color-white);
  border-radius: 2rem;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  .p-update_content__bnr::after {
    border-radius: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-update_content__bnr:hover::after {
    opacity: 1;
  }
}
.p-update_content__bnr-link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .p-update_content__bnr-link {
    border-radius: 1.5rem;
  }
}
.p-update_content__pv {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: -4rem 0;
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .p-update_content__pv {
    margin: -1rem 0;
    border-radius: 1rem;
  }
}
.p-update_content__pv::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--gradient-blue);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-update_content__pv:hover::before {
    opacity: 0.5;
  }
}
.p-update_content__pv::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--alpha-black);
}
.p-update_content__pv-img {
  padding-top: 56.25%;
  display: block;
  position: relative;
}
.p-update_content__pv-img img,
.p-update_content__pv-img video {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-update_content__pv-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-update_content__pv-bg.is-mv-play {
  opacity: 1;
}
.p-update_content__pv-bg iframe {
  width: 100%;
  height: 200%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale3d(1.001, 1.001, 1.001);
}
.p-update_content__pv-play {
  width: 16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .p-update_content__pv-play {
    width: 9.6rem;
  }
}
.p-update_content__pv-play::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/common/movie_play_text.png") no-repeat center/contain;
}
.is-load .p-update_content__pv-play::before {
  animation: rotate 10s linear infinite;
}
.p-update_content__lead {
  width: 52rem;
  display: block;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .p-update_content__lead {
    width: 32rem;
  }
}
.p-update_content__lead-bg {
  width: 70rem;
  height: 30rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-update_content__lead-par {
  display: block;
  position: relative;
  text-align: center;
  font-size: 4.7rem;
  letter-spacing: 0.05rem;
  font-weight: 900;
  line-height: 1.3;
  color: transparent;
  background: var(--gradient-12) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content__lead-par {
    font-size: 3rem;
  }
}
.-update_1 .p-update_content__lead-par, .--blue .p-update_content__lead-par {
  background: var(--gradient-1) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.-update_2 .p-update_content__lead-par {
  background: var(--gradient-2) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.-update_3 .p-update_content__lead-par {
  background: var(--gradient-3) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.p-update_content__coming {
  width: 100%;
  display: block;
  position: relative;
  margin: 3rem auto 0;
  font-size: 1.8rem;
  font-weight: 700;
  transform: rotate(-0.003deg);
  text-align: center;
  color: #8a948b;
}
@media screen and (max-width: 960px) {
  .p-update_content__coming {
    margin-top: 2rem;
    font-size: 1.8rem;
  }
}
.p-update_content__balloon {
  width: 32rem;
  display: block;
  position: relative;
  margin: 2rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-update_content__balloon {
    width: 20rem;
    margin-top: 0.8rem;
  }
}
.p-update_content__balloon-based {
  display: block;
  position: relative;
}
.p-update_content__balloon-text {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: block;
  position: absolute;
  top: 56%;
  left: 50%;
  white-space: nowrap;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: transparent;
  background: var(--gradient-12) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
  transform: translate(-50%, -50%) rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content__balloon-text {
    font-size: 1.25rem;
  }
}
.-update_1 .p-update_content__balloon-text, .--blue .p-update_content__balloon-text {
  background: var(--gradient-1) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.-update_2 .p-update_content__balloon-text {
  background: var(--gradient-2) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.-update_3 .p-update_content__balloon-text {
  background: var(--gradient-3) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
.p-update_content__lineup {
  width: 100%;
  display: block;
  position: relative;
  margin: 4.8rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-update_content__lineup {
    margin-top: 2.4rem;
  }
}
.p-update_content__lineup-img {
  display: block;
  position: relative;
  filter: drop-shadow(5px 5px 15px rgba(255, 132, 255, 0.15));
}
.p-update_content__lineup-img + .p-update_content__lineup-img {
  margin-top: 3.6rem;
}
@media screen and (max-width: 960px) {
  .p-update_content__lineup-img + .p-update_content__lineup-img {
    margin-top: 1.6rem;
  }
}
.p-update_content__lineup-img.-item {
  height: 27rem;
  background-repeat: repeat-x;
  background-size: 87rem auto;
  background-position: 0 0;
}
@media screen and (max-width: 960px) {
  .p-update_content__lineup-img.-item {
    height: 13.5rem;
    background-size: 43.5rem auto;
  }
}
@keyframes update_12_lineup_item {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -87rem 0;
  }
}
.p-update_content__lineup-img.-system {
  height: 29rem;
  background-repeat: repeat-x;
  background-size: 156rem auto;
  background-position: 0 0;
}
@media screen and (max-width: 960px) {
  .p-update_content__lineup-img.-system {
    height: 14.5rem;
    background-size: 78rem auto;
  }
}
@keyframes update_12_lineup_system {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -156rem 0;
  }
}
.p-update_content__visual {
  width: 89%;
  display: block;
  position: relative;
  margin: 4.5rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-update_content__visual {
    width: 100%;
    margin-top: 2.4rem;
  }
}
.p-update_content__visual-img {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  box-shadow: var(--shadow-system);
}
@media screen and (max-width: 960px) {
  .p-update_content__visual-img {
    border-radius: 1rem;
  }
}

.p-update_content_section {
  display: block;
  position: relative;
}
.p-update_content_section + .p-update_content_section {
  margin-top: 6.5rem;
}
@media screen and (max-width: 960px) {
  .p-update_content_section + .p-update_content_section {
    margin-top: 3rem;
  }
}
.p-update_content_section__header {
  display: block;
  position: relative;
  background: var(--color-white);
  margin-bottom: 4rem;
  padding: 0.8rem 7rem 1.2rem 10rem;
  border-radius: 200px;
}
@media screen and (max-width: 960px) {
  .p-update_content_section__header {
    padding: 0.5rem 5rem 1rem 7rem;
    margin-bottom: 2.5rem;
  }
}
.p-update_content_section__badge {
  width: 9.4rem;
  height: 9.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  color: var(--color-white);
  transform: translate(0, -50%) rotate(0.03deg);
  border-radius: 50%;
}
@media screen and (max-width: 960px) {
  .p-update_content_section__badge {
    width: 6rem;
    height: 6rem;
    font-size: 1.2rem;
  }
}
.-feature .p-update_content_section__badge {
  background: var(--gradient-feature);
}
.-event .p-update_content_section__badge {
  background: var(--gradient-event);
}
.-item .p-update_content_section__badge {
  background: var(--gradient-item);
}
.p-update_content_section__title {
  display: block;
  position: relative;
  font-size: 3.8rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.05rem;
  color: transparent;
  text-align: center;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_section__title {
    font-size: 4rem;
    letter-spacing: 0;
  }
}
.-feature .p-update_content_section__title {
  background: var(--gradient-feature);
  -webkit-background-clip: text;
  background-clip: text;
}
.-event .p-update_content_section__title {
  background: var(--gradient-event);
  -webkit-background-clip: text;
  background-clip: text;
}
.-item .p-update_content_section__title {
  background: var(--gradient-item);
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 960px) {
  .p-update_content_section__title {
    font-size: 2.2rem;
  }
}
.p-update_content_section__title__note {
  text-align: center;
  font-size: 1.3rem;
  margin-top: 5px;
  transform: rotateZ(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_section__title__note {
    font-size: 1rem;
  }
}
.p-update_content_section__inner {
  display: block;
  position: relative;
}
.p-update_content_section__text {
  display: block;
  position: relative;
  margin-top: 3.6rem;
  font-size: 1.8rem;
  line-height: 1.8;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_section__text {
    margin-top: 2rem;
    font-size: 1.3rem;
  }
}
.p-update_content_section__text small {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.6;
}
.p-update_content_section__text:first-child {
  margin-top: 0;
}
.p-update_content_section__data {
  display: block;
  position: relative;
  margin-top: 2rem;
}
.p-update_content_section__data:first-child {
  margin-top: 0;
}
.p-update_content_section__data-cap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  position: relative;
  margin: 0 auto 0.3rem;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0;
  color: transparent;
  text-align: center;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_section__data-cap {
    font-size: 1.5rem;
  }
}
.-feature .p-update_content_section__data-cap {
  background: var(--gradient-feature);
  -webkit-background-clip: text;
  background-clip: text;
}
.-event .p-update_content_section__data-cap {
  background: var(--gradient-event);
  -webkit-background-clip: text;
  background-clip: text;
}
.-item .p-update_content_section__data-cap {
  background: var(--gradient-item);
  -webkit-background-clip: text;
  background-clip: text;
}
.p-update_content_section__data-text {
  display: block;
  position: relative;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0;
  transform: rotate(0.03deg);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-update_content_section__data-text {
    font-size: 1.3rem;
  }
}
.p-update_content_section__data-text small {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.6;
}
.p-update_content_section__lineup {
  display: block;
  position: relative;
  margin-top: 2rem;
}
.p-update_content_section__lineup:first-child {
  margin-top: 0;
}

.p-update_content_event {
  display: block;
  position: relative;
}
.p-update_content_event + .p-update_content_event {
  margin-top: 6.5rem;
}
@media screen and (max-width: 960px) {
  .p-update_content_event + .p-update_content_event {
    margin-top: 4.5rem;
  }
}
.p-update_content_event__header {
  display: block;
  position: relative;
  background: var(--color-white);
  margin-bottom: 2.2rem;
  padding: 1.4rem 2rem 1.5rem;
  border-radius: 200px;
}
@media screen and (max-width: 960px) {
  .p-update_content_event__header {
    padding: 0.5rem 2rem 1rem;
    margin-bottom: 1.2rem;
  }
}
.p-update_content_event__title {
  display: block;
  position: relative;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.05rem;
  color: transparent;
  text-align: center;
  transform: rotate(0.03deg);
  background: var(--gradient-item);
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 960px) {
  .p-update_content_event__title {
    font-size: 4rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 960px) {
  .p-update_content_event__title {
    font-size: 1.5rem;
  }
}
.p-update_content_event__title__note {
  text-align: center;
  font-size: 1.3rem;
  margin-top: 5px;
  transform: rotateZ(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_event__title__note {
    font-size: 1rem;
  }
}
.p-update_content_event__inner {
  display: block;
  position: relative;
}
.p-update_content_event__text {
  display: block;
  position: relative;
  margin-top: 3.6rem;
  font-size: 1.8rem;
  line-height: 1.8;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_event__text {
    margin-top: 2rem;
    font-size: 1.3rem;
  }
}
.p-update_content_event__text small {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.6;
}
.p-update_content_event__text:first-child {
  margin-top: 0;
}
.p-update_content_event__movie {
  display: block;
  position: relative;
  z-index: 0;
}
.p-update_content_event__movie::before {
  content: "";
  width: 110%;
  height: 110%;
  display: block;
  position: absolute;
  top: 0;
  left: -5%;
  background: url("../img/update/shadow_system_pink.png") no-repeat center/contain;
}
.--blue .p-update_content_event__movie::before {
  background: url("../img/update/shadow_system_blue.png") no-repeat center/contain;
}
.p-update_content_event__movie-in {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .p-update_content_event__movie-in {
    border-radius: 1rem;
  }
}
.p-update_content_event__movie-in::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--gradient-blue);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .p-update_content_event__movie:hover .p-update_content_event__movie-in::before {
    opacity: 0.5;
  }
}
.p-update_content_event__movie-in::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--alpha-black);
}
.p-update_content_event__movie-img {
  padding-top: 56.25%;
  display: block;
  position: relative;
}
.p-update_content_event__movie-img img,
.p-update_content_event__movie-img video {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-update_content_event__movie-bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.5, 1, 0.89, 1);
}
.p-update_content_event__movie-bg.is-mv-play {
  opacity: 1;
}
.p-update_content_event__movie-bg iframe {
  width: 100%;
  height: 200%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale3d(1.001, 1.001, 1.001);
}
.p-update_content_event__movie-play {
  width: 16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .p-update_content_event__movie-play {
    width: 9.6rem;
  }
}
.p-update_content_event__movie-play::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/common/movie_play_text.png") no-repeat center/contain;
}
.is-load .p-update_content_event__movie-play::before {
  animation: rotate 10s linear infinite;
}

.p-update_content_article {
  display: block;
  position: relative;
  padding: 4rem 4.5rem;
}
@media screen and (max-width: 960px) {
  .p-update_content_article {
    padding: 2rem 2rem;
  }
}
.p-update_content_article::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/update/bg_grd.jpg") no-repeat center top/100% 100%;
}
.p-update_content_article__header {
  display: block;
  position: relative;
  background: var(--color-white);
  margin-bottom: 3.5rem;
  padding: 1rem 2rem 1.3rem;
  border-radius: 200px;
}
@media screen and (max-width: 960px) {
  .p-update_content_article__header {
    margin-bottom: 1.5rem;
    padding: 0.5rem 2rem 0.8rem;
  }
}
.p-update_content_article__title {
  display: block;
  position: relative;
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0;
  color: transparent;
  background: var(--gradient-collabo);
  -webkit-background-clip: text;
  background-clip: text;
  text-align: center;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_article__title {
    font-size: 2.2rem;
  }
}
.p-update_content_article__inner {
  display: block;
  position: relative;
}
.p-update_content_article__text {
  display: block;
  position: relative;
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.8;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_article__text {
    margin-top: 2rem;
    font-size: 1.3rem;
  }
}
.p-update_content_article__text small {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.6;
}
.p-update_content_article__text:first-child {
  margin-top: 0;
}
.p-update_content_article__outline {
  display: block;
  position: relative;
  margin-top: 3.5rem;
  padding: 2.8rem 3rem;
  background: var(--color-white);
}
@media screen and (max-width: 960px) {
  .p-update_content_article__outline {
    padding: 1.8rem 2rem;
    margin-top: 2rem;
  }
}
.p-update_content_article__outline-cap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  position: relative;
  margin: 0 auto 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  transform: rotate(0.03deg);
  color: transparent;
  background: var(--gradient-collabo) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 960px) {
  .p-update_content_article__outline-cap {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
  }
}
.p-update_content_article__outline-text {
  display: block;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_article__outline-text {
    line-height: 1.65;
    font-size: 1.3rem;
  }
}
.p-update_content_article__outline-text small {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.6;
}
.p-update_content_article__outline:first-child {
  margin-top: 0;
}
.p-update_content_article__note {
  display: block;
  position: relative;
  margin-top: 1.5rem;
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  transform: rotate(0.03deg);
}
@media screen and (max-width: 960px) {
  .p-update_content_article__note {
    margin-top: 1rem;
    font-size: 1.1rem;
  }
}
.p-update_content_article__thumb {
  display: block;
  position: relative;
  margin-top: 3.8rem;
  overflow: hidden;
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .p-update_content_article__thumb {
    border-radius: 1rem;
    margin-top: 1.8rem;
  }
}
.p-update_content_article__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
  z-index: 1;
  background: var(--gradient-collabo);
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .p-update_content_article__thumb::before {
    border-radius: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-update_content_article__thumb:hover::before {
    opacity: 0.2;
  }
}
.p-update_content_article__thumb-img {
  display: block;
  position: relative;
}
.p-update_content_article__thumb-img:after {
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  bottom: 3%;
  right: 3%;
  background: url("../img/update/btn_plus_pink.png") no-repeat center/contain;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .p-update_content_article__thumb-img:after {
    width: 3rem;
    height: 3rem;
    bottom: 2%;
    right: 2%;
  }
}
[data-modal] .p-update_content_article__thumb-img:after {
  content: "";
}

.p-update_lineup {
  display: block;
  position: relative;
}
.p-update_lineup + .p-update_lineup {
  margin-top: 4.6rem;
}
@media screen and (max-width: 960px) {
  .p-update_lineup + .p-update_lineup {
    margin-top: 2.6rem;
  }
}
.p-update_lineup__list {
  display: flex;
  position: relative;
}
.p-update_lineup__list-item {
  display: block;
  position: relative;
  flex-shrink: 0;
}
.p-update_lineup__list-item::before {
  content: "";
  width: 110%;
  height: 110%;
  display: block;
  position: absolute;
  top: 0;
  left: -5%;
  background: url("../img/update/shadow_system_pink.png") no-repeat center/contain;
}
.--blue .p-update_lineup__list-item::before {
  background: url("../img/update/shadow_system_blue.png") no-repeat center/contain;
}
.p-update_lineup__img {
  display: block;
  position: relative;
  overflow: hidden;
}
.-system .p-update_lineup__img {
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .-system .p-update_lineup__img {
    border-radius: 1rem;
  }
}
.p-update_lineup__img::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  pointer-events: none;
  z-index: 1;
  background: var(--gradient-feature);
  border-radius: 2rem;
}
@media screen and (max-width: 960px) {
  .p-update_lineup__img::before {
    border-radius: 1rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-update_lineup__img:hover::before {
    opacity: 0.3;
  }
}
.p-update_lineup__img.img_circle::before {
  content: none;
}
.p-update_lineup__img[data-modal]::after {
  content: "";
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  bottom: 5%;
  right: 5%;
  background: url("../img/update/btn_plus_orange.png") no-repeat center/contain;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .p-update_lineup__img[data-modal]::after {
    width: 3rem;
    height: 3rem;
    bottom: 2%;
    right: 2%;
  }
}

.p-update_next {
  display: block;
  position: relative;
  padding: 7rem 0 0;
}
@media screen and (max-width: 960px) {
  .p-update_next {
    padding-top: 5.6rem;
  }
}
.p-update_next__cap {
  width: 62rem;
  display: block;
  position: relative;
  margin: 0 auto 1.2rem;
}
@media screen and (max-width: 960px) {
  .p-update_next__cap {
    width: 34rem;
  }
}
.p-update_next__cap::before {
  content: "";
  width: 5.6rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/top/sns_deco.png") no-repeat center/contain;
  transform: scale(-1, 1);
}
@media screen and (max-width: 960px) {
  .p-update_next__cap::before {
    width: 2.5rem;
  }
}
.p-update_next__cap::after {
  content: "";
  width: 5.6rem;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/top/sns_deco.png") no-repeat center/contain;
}
@media screen and (max-width: 960px) {
  .p-update_next__cap::after {
    width: 2.5rem;
  }
}
.p-update_next__cap-text {
  display: block;
  position: relative;
  text-align: center;
  font-size: 4rem;
  letter-spacing: 0.05rem;
  font-weight: 900;
  line-height: 1.2;
  color: transparent;
  background: var(--gradient-next) no-repeat 100% 0/100% auto;
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 960px) {
  .p-update_next__cap-text {
    font-size: 2.2rem;
  }
}
.p-update_next__note {
  width: 90%;
  display: block;
  position: relative;
  margin: 2.5rem auto 0;
  font-size: 1.2rem;
  line-height: 1.5;
}
.p-update_next__note:first-child {
  margin-top: 0;
}
@media screen and (max-width: 960px) {
  .p-update_next__note {
    margin-top: 2rem;
    font-size: 1rem;
  }
}
/*# sourceMappingURL=update.css.map */