@keyframes lightUp {
  0% {
    opacity: 0;
  }
  0.5% {
    opacity: 1;
  }
  1% {
    opacity: 0;
  }
  3% {
    opacity: 0;
  }
  3.5% {
    opacity: 1;
  }
  4% {
    opacity: 0;
  }
  4.5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes MoveTextLeftPC {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(-744px, -50%);
  }
}
@keyframes MoveTextRightPC {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(744px, -50%);
  }
}
@keyframes MoveTextLeftSP {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(-372px, -50%);
  }
}
@keyframes MoveTextRightSP {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(372px, -50%);
  }
}
@keyframes MoveTextLeftOthersPC {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(-354px, -50%);
  }
}
@keyframes MoveTextRightOthersPC {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(354px, -50%);
  }
}
@keyframes MoveTextLeftOthersSP {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(-177px, -50%);
  }
}
@keyframes MoveTextRightOthersSP {
  0% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(177px, -50%);
  }
}
.p-chara {
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 750px) {
  .p-chara {
    padding-bottom: 109px;
  }
}
.p-chara__head {
  position: relative;
  padding-bottom: 78px;
}
@media (max-width: 750px) {
  .p-chara__head {
    padding-bottom: 52px;
  }
}
.p-chara__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.p-chara__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 76px;
  transform: translateX(-15px);
  opacity: 0;
}
.on-load .p-chara__tab {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.9s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
}
@media (max-width: 750px) {
  .p-chara__tab {
    width: 84.5%;
    margin: 0 auto;
    margin-top: 38px;
  }
}
.p-chara--others .p-chara__tab {
    margin: 80px auto 0;
    width: 90%;
}

@media (max-width: 750px) {
  .p-chara--others .p-chara__tab {
    margin-top: 38px;
  }
}
.p-chara__tab-team {
  width: 145px;
  margin-right: 30px;
}
@media (max-width: 750px) {
  .p-chara__tab-team {
    width: 16.5333333333vw;
    margin-right: 0;
  }
}
.p-chara--others .p-chara__tab-team {
  width: 170px;
  margin-right: 40px;
  margin-top: 1.5%;
}
@media (max-width: 750px) {
  .p-chara--others .p-chara__tab-team {
    width: 16.5333333333vw;
    margin-right: 0;
  }
}
.p-chara__tab-list {
	width: 70%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-right: 45px;
	flex-wrap: wrap;
}
@media (max-width: 750px) {
  .p-chara__tab-list {
    margin-right: 0;
    margin-left: 4.5%;
  }
}
.p-chara--others .p-chara__tab-list {
  margin-right: 0;
}
.p-chara__tab-list-item {
    width: 117px;
    margin: 0 10px 15px 0px;
}
@media (max-width: 750px) {
  .p-chara__tab-list-item {
    width: 14.2vw;
    margin: 0 5px 5px 0px;
  }
}
.p-chara__tab-list-item:first-child {
  margin-left: 0;
}
.p-chara__tab-link {
  display: block;
  pointer-events: auto;
  filter: grayscale(1);
  transition: filter 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.is-current .p-chara__tab-link {
  filter: none;
  pointer-events: none;
}
@media (min-width: 751px) {
  .p-chara__tab-link:hover {
    filter: grayscale(0);
  }
}
.p-chara__body-wrap {
  position: relative;
  padding-top: 37px;
  padding-bottom: 37px;
}
@media (max-width: 1000px) {
  .p-chara__body-wrap {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (max-width: 750px) {
  .p-chara__body-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.p-chara__body-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(-3.2deg);
  width: 120%;
  height: 100%;
  background: var(--theme-color-light);
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
}
.on-load .p-chara__body-wrap::before {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transition: -webkit-clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s, -webkit-clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
}
@media (max-width: 750px) {
  .p-chara__body-wrap::before {
    width: 130%;
  }
}
.p-chara__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-chara__deco-top {
  position: absolute;
  top: -39px;
  right: -10%;
  transform: rotate(-3.2deg);
  z-index: 1;
  width: 120%;
  height: 80px;
  background: var(--color-black);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.on-load .p-chara__deco-top {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transition: -webkit-clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s, -webkit-clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
}
@media (max-width: 750px) {
  .p-chara__deco-top {
    top: -29px;
    width: 130%;
    height: 40px;
  }
}
.p-chara__deco-top-img {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 200%;
  min-width: 1488px;
  height: 65px;
  background-repeat: repeat-x;
  background-position: right center;
  background-size: auto 100%;
}
@media (min-width: 751px) {
  .p-chara__deco-top-img {
    animation: MoveTextRightPC 20s linear infinite;
  }
}
@media (max-width: 750px) {
  .p-chara__deco-top-img {
    height: 32.5px;
    animation: MoveTextRightSP 10s linear infinite;
  }
}
.p-chara--others .p-chara__deco-top-img {
  animation: MoveTextRightOthersPC 9.1472868217s linear infinite;
}
@media (max-width: 750px) {
  .p-chara--others .p-chara__deco-top-img {
    animation: MoveTextRightOthersSP 4.5736434109s linear infinite;
  }
}
.p-chara__deco-bottom {
  position: absolute;
  bottom: -39px;
  left: -10%;
  transform: rotate(-3.2deg);
  z-index: 1;
  width: 120%;
  height: 80px;
  background: var(--color-black);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.on-load .p-chara__deco-bottom {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transition: -webkit-clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s, -webkit-clip-path 1.5s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
}
@media (max-width: 750px) {
  .p-chara__deco-bottom {
    bottom: -29px;
    width: 130%;
    height: 40px;
  }
}
.p-chara__deco-bottom-img {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 200%;
  min-width: 1488px;
  height: 65px;
  background-repeat: repeat-x;
  background-position: left center;
  background-size: auto 100%;
}
@media (min-width: 751px) {
  .p-chara__deco-bottom-img {
    animation: MoveTextLeftPC 20s linear infinite;
  }
}
@media (max-width: 750px) {
  .p-chara__deco-bottom-img {
    height: 32.5px;
    animation: MoveTextLeftSP 10s linear infinite;
  }
}
.p-chara--others .p-chara__deco-bottom-img {
  animation: MoveTextLeftOthersPC 9.1472868217s linear infinite;
}
@media (max-width: 750px) {
  .p-chara--others .p-chara__deco-bottom-img {
    animation: MoveTextLeftOthersSP 4.5736434109s linear infinite;
  }
}
.p-chara__content {
  position: relative;
  overflow: hidden;
}
.p-chara__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-1.85deg);
  width: 120%;
  height: 98.3%;
  background: var(--color-black);
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
}
.on-load .p-chara__content::before {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transition: -webkit-clip-path 1.8s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.8s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
  transition: clip-path 1.8s cubic-bezier(0.87, 0, 0.13, 1) 0.5s, -webkit-clip-path 1.8s cubic-bezier(0.87, 0, 0.13, 1) 0.5s;
}
@media (max-width: 750px) {
  .p-chara__content::before {
    width: 130%;
    height: 100%;
    transform: translate(-50%, -50%) rotate(-1.6deg);
  }
}
.p-chara__inner {
  position: relative;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding-top: 6.46%;
  padding-bottom: 8%;
}
@media (max-width: 1000px) {
  .p-chara__inner {
    padding-top: 17.8%;
    padding-bottom: 18.7%;
  }
}
.p-chara__foot {
  padding-top: 118px;
  transform: translateX(15px);
  opacity: 0;
}
.on-load .p-chara__foot {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 1.5s, opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;
}
@media (max-width: 750px) {
  .p-chara__foot {
    padding-top: 102px;
  }
}
.p-chara__back {
  width: 100%;
  max-width: 336px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .p-chara__back {
    max-width: 240px;
  }
}
.p-chara__team {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  transform: translateY(20px);
  opacity: 0;

}



.on-load .p-chara__team {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.9s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
}

ul.p-chara__team-list{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}


.p-chara__team-list li{
  width:49%;
  margin-bottom:20px;
}


.p-chara__team-list-item:nth-child(n+2) {
    margin-top: 15px;
}
@media (max-width: 750px) {
  .p-chara__team-list-item:nth-child(n+2) {
    margin-top: 7px;
  }
}
.p-chara__team-link {
  display: block;
  position: relative;
}
.p-chara__team-link img {
  display: block;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), filter 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 751px) {
  .p-chara__team-link:hover img {
    transform: scale(1.02);
    filter: drop-shadow(8px 8px 3px rgba(0, 0, 0, 0.3));
  }
}

.p-chara_intro {
  position: relative;
}
.p-chara_intro__deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-chara_intro__deco-img {
  position: absolute;
  top: 13.5%;
  right: 1%;
  width: 43.7%;
  opacity: 0;
  transform: scale(1.4);
}
.p-chara_intro.is-active .p-chara_intro__deco-img {
  transform: scale(1);
  opacity: 0.3;
  transition: transform 0.9s cubic-bezier(0.87, 0, 0.13, 1), opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 750px) {
  .p-chara_intro.is-active .p-chara_intro__deco-img {
    transform: translateY(-21.5%);
  }
}
@media (max-width: 1000px) {
  .p-chara_intro__deco-img {
    top: 0;
    right: auto;
    left: -1%;
    transform: translateY(-21.5%) scale(1.4);
    width: 84%;
  }
}
.p-chara_intro__block {
  position: relative;
}
.p-chara_intro__block:nth-child(n+2) {
  margin-top: 7.8%;
}
@media (max-width: 750px) {
  .p-chara_intro__block:nth-child(n+2) {
    margin-top: 50px;
  }
}
.p-chara_intro__inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 1000px) {
  .p-chara_intro__inner {
    display: block;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__inner {
  align-items: center;
  flex-direction: row-reverse;
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .p-chara_intro__block--digimon .p-chara_intro__inner {
    width: 100%;
  }
}




.p-chara_intro__inner2 {
    display: block;

}
@media (max-width: 1000px) {
  .p-chara_intro__inner2 {
    display: block;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__inner2 {
  align-items: center;
  flex-direction: row-reverse;
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .p-chara_intro__block--digimon .p-chara_intro__inner2 {
    width: 100%;
  }
}




.p-chara_intro__visual {
  position: relative;
  width: 42.4%;
  margin-left: 10%;
}
@media (max-width: 1200px) {
  .p-chara_intro__visual {
    width: 43.4%;
    margin-left: 7%;
  }
}
@media (max-width: 1000px) {
  .p-chara_intro__visual {
    width: 81.5%;
    margin: 0 auto;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual {
  width: 40.8%;
  margin-left: 2.3%;
  margin-right: 1.6%;
}
@media (max-width: 1000px) {
  .p-chara_intro__block--digimon .p-chara_intro__visual {
    width: 59%;
    margin: 0 auto;
  }
}




.p-chara_intro__visual2 {
  position: relative;
  width: 60%;
  margin:0 auto;
}

.p-chara_intro__visual2 img {
 border:1px solid #FFF;
}
@media (max-width: 1200px) {
  .p-chara_intro__visual2 {
  width: 70%;
  margin:0 auto;
  }
}
@media (max-width: 1000px) {
  .p-chara_intro__visual2 {
    width: 81.5%;
    margin: 0 auto;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual2 {
  width: 40.8%;
  margin:0 auto;
}
@media (max-width: 1000px) {
  .p-chara_intro__block--digimon .p-chara_intro__visual2 {
    width: 59%;
  margin:0 auto;
  }
}







.p-chara_intro__visual-wrap {
  position: relative;
  width: 100%;
  padding-top: 113%;
}

.p-chara_intro__visual-wrap2 {
  position: relative;
  width: 100%;
  padding-top: 45%;
}

.p-chara_intro__visual-wrap3 {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.p-chara_intro__block--digimon .p-chara_intro__visual-wrap {
  padding-top: 100%;
}
.p-chara_intro__visual-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-top: 113%;
  /* display: none; */
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg {
  padding-top: 100%;
}
.p-chara_intro__visual-bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 24.7%;
  right: -6%;
  transform: scaleX(-1);
  z-index: 1;
  width: 21.5%;
  padding-top: 1.6287878788%;
  background: url(../img/chara/char_deco.svg) no-repeat center center/100% auto;
  opacity: 0;
}
.p-chara_intro__block.is-active .p-chara_intro__visual-bg::before {
  animation: lightUp 5s cubic-bezier(0.25, 1, 0.5, 1) 1.1s forwards;
}
@media (min-width: 1600px) {
  .p-chara_intro__visual-bg::before {
    top: 22.5%;
  }
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-bg::before {
    top: 90.2%;
    right: 6.8%;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg::before {
  top: 86%;
  right: -7%;
  width: 30%;
  padding-top: 2.2727272727%;
}
.p-chara_intro__visual-bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 91.3%;
  left: -12.2%;
  z-index: 1;
  width: 21.5%;
  padding-top: 1.6287878788%;
  background: url(../img/chara/char_deco.svg) no-repeat center center/100% auto;
  opacity: 0;
}
.p-chara_intro__block.is-active .p-chara_intro__visual-bg::after {
  animation: lightUp 5s cubic-bezier(0.25, 1, 0.5, 1) 1.1s forwards;
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-bg::after {
    top: 8%;
    left: 6.9%;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg::after {
  top: 11.2%;
  left: -7%;
  width: 30%;
  padding-top: 2.2727272727%;
}











.p-chara_intro__visual-bg2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  /* padding-top: 113%; */
  /* display: none; */
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg2 {
  padding-top: 100%;
}
.p-chara_intro__visual-bg2::before {
  content: "";
  display: block;
  position: absolute;
  top: 24.7%;
  right: -6%;
  transform: scaleX(-1);
  z-index: 1;
  width: 21.5%;
  padding-top: 1.6287878788%;
  background: url(../img/chara/char_deco.svg) no-repeat center center/100% auto;
  opacity: 0;
}
.p-chara_intro__block.is-active .p-chara_intro__visual-bg2::before {
  animation: lightUp 5s cubic-bezier(0.25, 1, 0.5, 1) 1.1s forwards;
}
@media (min-width: 1600px) {
  .p-chara_intro__visual-bg2::before {
    top: 22.5%;
  }
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-bg2::before {
    top: 90.2%;
    right: 6.8%;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg2::before {
  top: 86%;
  right: -7%;
  width: 30%;
  padding-top: 2.2727272727%;
}
.p-chara_intro__visual-bg2::after {
  content: "";
  display: block;
  position: absolute;
  top: 91.3%;
  left: -12.2%;
  z-index: 1;
  width: 21.5%;
  padding-top: 1.6287878788%;
  background: url(../img/chara/char_deco.svg) no-repeat center center/100% auto;
  opacity: 0;
}
.p-chara_intro__block.is-active .p-chara_intro__visual-bg2::after {
  animation: lightUp 5s cubic-bezier(0.25, 1, 0.5, 1) 1.1s forwards;
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-bg2::after {
    top: 8%;
    left: 6.9%;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg2::after {
  top: 11.2%;
  left: -7%;
  width: 30%;
  padding-top: 2.2727272727%;
}

















.p-chara_intro__visual-bg-light {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
}
.p-chara_intro__block.is-active .p-chara_intro__visual-bg-light {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: scale(1);
  opacity: 1;
  transition: transform 1s cubic-bezier(0.83, 0, 0.17, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-clip-path 1s cubic-bezier(0.83, 0, 0.17, 1);
  transition: clip-path 1s cubic-bezier(0.83, 0, 0.17, 1), transform 1s cubic-bezier(0.83, 0, 0.17, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: clip-path 1s cubic-bezier(0.83, 0, 0.17, 1), transform 1s cubic-bezier(0.83, 0, 0.17, 1), opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-clip-path 1s cubic-bezier(0.83, 0, 0.17, 1);
}
.p-chara_intro__block--digimon .p-chara_intro__visual-bg-light {
  -webkit-clip-path: none;
  clip-path: none;
  transform: scale(0);
  opacity: 0;
}
.p-chara_intro__visual-bg-light::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--theme-color-dark);
  -webkit-clip-path: polygon(26% 0%, 100% 0%, 74% 100%, 0% 100%);
  clip-path: polygon(26% 0%, 100% 0%, 74% 100%, 0% 100%);
}
.tenma::before {
  background: #663b93;
}

.gekkomon::before {
  background: #00AB3B;
}

.p-chara_intro__info div.gekkomonColor {
  background: #00AB3B;
  border: #00AB3B;
}

.sakuya::before {
  background: #c52051;
}

.pristimon::before {
  background: #F17D2B;
}

.p-chara_intro__info div.pristimonColor {
  background: #F17D2B;
  border: #F17D2B;
}

.kuonji::before {
  background: #f9d534;
}

.chiropmon::before {
  background: #143572;
}

.p-chara_intro__info div.chiropmonColor {
  background: #143572;
  border: #143572;
}

.sawashiro::before {
  background: #2258a4;
}

.p-chara_intro__info div.murasamemonColor, .murasamemon::before {
  background: #AAD5E6;
}

.p-chara_intro__info div.murasamemonColor {
  background: #AAD5E6;
  border: #AAD5E6;
}

.p-chara_intro__block--digimon .p-chara_intro__visual-bg-light::before {
  border-radius: 50%;
  -webkit-clip-path: none;
  clip-path: none;
}
.p-chara_intro__visual-img {
  position: absolute;
  top: 56.5%;
  left: 49.2%;
  transform: translate(calc(-50% - 20px), -50%);
  z-index: 1;
  width: 100%;
  opacity: 0;
}
.p-chara_intro__block.is-active .p-chara_intro__visual-img {
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.6s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-img {
    top: 51%;
    left: 50%;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__visual-img {
  top: 54.2%;
  left: 53.5%;
  transform: translate(calc(-50% + 20px), -50%);
}
@media (max-width: 1000px) {
  .p-chara_intro__block--digimon .p-chara_intro__visual-img {
    transform: translate(calc(-50% - 20px), -50%);
  }
}
.p-chara_intro__visual-thumbnail {
  position: absolute;
  top: -5.5%;
  right: -5%;
  width: 20%;
  transform: translateX(-20px);
  opacity: 0;
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-thumbnail {
    transform: translateX(10px);
  }
}
.p-chara_intro__block.is-active .p-chara_intro__visual-thumbnail {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.8s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
}
.p-chara_intro__visual-thumbnail.is-sp {
  display: none;
}
@media (max-width: 1000px) {
  .p-chara_intro__visual-thumbnail.is-sp {
    display: block;
  }
}
.p-chara_intro__visual-thumbnail-list-item:nth-child(n+2) {
  margin-top: 7%;
}
.p-chara_intro__info {
  position: relative;
  width: 41.3%;
  margin-left: -4.6%;
  margin-right: 10.9%;
  margin-top: 6px;
  transform: translateX(-20px);
  opacity: 0;
}
@media (max-width: 1000px) {
  .p-chara_intro__info {
    transform: translateX(20px);
  }
}
.p-chara_intro__block.is-active .p-chara_intro__info {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
}
@media (max-width: 1000px) {
  .p-chara_intro__info {
    width: 78.5%;
    margin: 0 auto;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__info {
  width: auto;
  flex-basis: 0;
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  margin-top: 4.8%;
  transform: translateX(20px);
}
@media (max-width: 750px) {
  .p-chara_intro__block--digimon .p-chara_intro__info {
    width: 78.5%;
    margin: 0 auto;
    margin-top: 8.2%;
  }
}





.p-chara_intro__info2 {
  position: relative;
  width: 50%;
  margin: 6px auto 0;
  transform: translateX(-20px);
  opacity: 0;
}
@media (max-width: 1000px) {
  .p-chara_intro__info2 {
    transform: translateX(20px);
  }
}
.p-chara_intro__block.is-active .p-chara_intro__info2 {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.7s;
}
@media (max-width: 1000px) {
  .p-chara_intro__info2 {
    width: 78.5%;
    margin: 0 auto;
  }
}
.p-chara_intro__block--digimon .p-chara_intro__info2 {
  width: auto;
  flex-basis: 0;
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
  margin-top: 4.8%;
  transform: translateX(20px);
}
@media (max-width: 750px) {
  .p-chara_intro__block--digimon .p-chara_intro__info2 {
    width: 78.5%;
    margin: 0 auto;
    margin-top: 8.2%;
  }
}







.p-chara_intro_info__visual.is-pc {
  display: block;
}
@media (max-width: 1000px) {
  .p-chara_intro_info__visual.is-pc {
    display: none;
  }
}
.p-chara_intro_info__visual-list {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.p-chara_intro_info__visual-list-item {
  width: 26.9%;
}
.p-chara_intro_info__visual-list-item:nth-child(even) {
  margin-top: 30px;
}
.p-chara_intro_info__visual-list-item:nth-child(1) {
  margin-right: -5.3%;
}
.p-chara_intro_info__visual-list-item:nth-child(2) {
  margin-right: -2.6%;
}
.p-chara_intro_info__visual-list-item:last-child {
  margin-right: 0;
}
.p-chara_intro_info__data {
  margin-top: 41px;
}
@media (max-width: 1000px) {
  .p-chara_intro_info__data {
    margin-top: 14.5%;
  }
}
.p-chara_intro__block--digimon .p-chara_intro_info__data {
  margin-top: 0;
}

.p-chara_intro_data__name {
  position: relative;
  height: 53.5px;
}
@media (max-width: 1200px) {
  .p-chara_intro_data__name {
    height: 4.4vw;
  }
}
@media (max-width: 1000px) {
  .p-chara_intro_data__name {
    height: 7.1vw;
  }
}
[data-lang=en] .p-chara_intro_data__name {
  color: var(--color-white);
  font-family: var(--font-eng);
  font-size: 55px;
  height: auto;
}
@media (max-width: 750px) {
  [data-lang=en] .p-chara_intro_data__name {
    font-size: 24px;
  }
}
.p-chara_intro_data__name img {
  width: auto;
  max-width: none;
  height: 100%;
}




.p-chara_intro_data__detail {
  position: relative;
  position: relative;
  width: 96.5%;
  margin-top: 26px;
  padding-top: 36px;
}
@media (max-width: 1200px) {
  .p-chara_intro_data__detail {
    margin-top: 22px;
    padding-top: 28px;
  }
}
@media (max-width: 1000px) {
  .p-chara_intro_data__detail {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__detail {
    margin-top: 13px;
    padding-top: 18px;
  }
}
.p-chara_intro_data__detail::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: var(--color-white);
}
@media (max-width: 750px) {
  .p-chara_intro_data__detail::before {
    height: 1px;
  }
}
.p-chara_intro_data__detail::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 8px;
  background: var(--color-white);
}
@media (max-width: 750px) {
  .p-chara_intro_data__detail::after {
    width: 3px;
    height: 3px;
  }
}
.p-chara_intro_data__cv {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media (max-width: 750px) {
  .p-chara_intro_data__cv {
    font-size: 13px;
  }
}
.p-chara_intro_data__cv .--eng {
  margin-right: 10px;
  vertical-align: baseline;
  font-family: var(--font-eng);
  font-size: 14px;
  font-weight: 900;
}
@media (max-width: 750px) {
  .p-chara_intro_data__cv .--eng {
    margin-right: 8px;
    font-size: 12px;
  }
}
.p-chara_intro_data__description {
  margin-top: 15px;
  font-size: 16px;
  line-height: 2.2;
}
@media (max-width: 1200px) {
  .p-chara_intro_data__description {
    margin-top: 12px;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__description {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.8;
  }
}
[data-lang=en] .p-chara_intro_data__description {
  line-height: 1.5;
}
.p-chara_intro_data__others {
  margin-top: 35px;
}
@media (max-width: 1200px) {
  .p-chara_intro_data__others {
    margin-top: 20px;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__others {
    margin-top: 26px;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-list-item {
    width: 48%;
  }
  .p-chara_intro_data__others-list-item.column-1-sp {
    width: 100%;
  }
}
.p-chara_intro_data__others-list-item:nth-child(n+2) {
  margin-top: 17px;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-list-item:nth-child(n+2) {
    margin-top: 0;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-list-item:nth-child(n+3) {
    margin-top: 16px;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-list-item:nth-child(n+2).column-1-sp {
    margin-top: 16px;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-list-item:nth-child(even) {
    margin-left: 4%;
  }
  .p-chara_intro_data__others-list-item:nth-child(even).column-1-sp {
    margin-left: 0;
  }
}
.p-chara_intro_data__others-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-block {
    display: block;
    padding-bottom: 15px;
  }
}
.p-chara_intro_data__others-block::after {
  content: none;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #e1e0e0 2px, transparent 2px) round center left/5px 100%;
  opacity: 0.3;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-block::after {
    content: "";
  }
}
.p-chara_intro_data__others-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 235px;
  font-size: 13px;
  line-height: 1.4;
  word-break: break-all;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-label {
    display: block;
    font-size: 11px;
  }
}
[data-lang=en] .p-chara_intro_data__others-label {
  font-size: 10px;
}
.p-chara_intro_data__others-label::after {
  content: "";
  display: block;
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 60px;
  height: 2px;
  margin-left: 27px;
  background: linear-gradient(to right, #e1e0e0 2px, transparent 2px) round center left/6px 100%;
  opacity: 0.3;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-label::after {
    content: none;
  }
}
.p-chara_intro_data__others-label-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-chara_intro_data__others-detail {
  flex-basis: 0;
  flex-grow: 1;
  margin-left: 25px;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-detail {
    margin-left: 0;
    margin-top: 8px;
  }
}
.p-chara_intro_data__others-detail-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2em;
}
@media (max-width: 750px) {
  .p-chara_intro_data__others-detail-text {
    font-size: 12px;
    letter-spacing: 0;
  }
}
[data-lang=en] .p-chara_intro_data__others-detail-text {
  font-size: 11px;
  letter-spacing: 0.1em;
}
.p-chara_intro_data__stage-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 26px;
  margin-bottom: 10px;
}
@media (max-width: 750px) {
  .p-chara_intro_data__stage-list {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.p-chara_intro_data__stage-list-item {
  margin-right: 11px;
  margin-bottom: 8px;
}
@media (max-width: 750px) {
  .p-chara_intro_data__stage-list-item {
    width: 30%;
    margin-right: 0;
    margin-left: 5%;
    margin-bottom: 0;
  }
}
@media (max-width: 750px) {
  [data-lang=en] .p-chara_intro_data__stage-list-item {
    width: 31%;
    margin-left: 3.5%;
  }
}
@media (max-width: 349px) {
  [data-lang=en] .p-chara_intro_data__stage-list-item {
    width: 40%;
  }
}
@media (max-width: 349px) {
  [data-lang=en] .p-chara_intro_data__stage-list-item:nth-child(n+3) {
    margin-top: 10px;
  }
}
@media (max-width: 349px) {
  [data-lang=en] .p-chara_intro_data__stage-list-item:nth-child(3n-2) {
    margin-left: 3.5%;
  }
}
@media (max-width: 349px) {
  [data-lang=en] .p-chara_intro_data__stage-list-item:nth-child(odd) {
    margin-left: 0;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__stage-list-item:nth-child(3n-2) {
    margin-left: 0;
  }
}
@media (max-width: 750px) {
  .p-chara_intro_data__stage-list-item:nth-child(n+4) {
    margin-top: 10px;
  }
}
.p-chara_intro_data__stage-link {
  display: block;
  box-sizing: content-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 18px 6px;
  border: 1px var(--color-white) solid;
  text-decoration: none;
  text-align: center;
  color: var(--color-white);
  font-size: 18px;
  letter-spacing: 0.15em;
}
@media (max-width: 750px) {
  .p-chara_intro_data__stage-link {
    width: 100%;
    padding: 7.5px 0;
    font-size: 13px;
  }
}
[data-lang=en] .p-chara_intro_data__stage-link {
  font-size: 14px;
  letter-spacing: 0.06em;
}
.is-current .p-chara_intro_data__stage-link {
  pointer-events: none;
  background: var(--theme-color-dark);
  border-color: var(--theme-color-dark);
}

.evolve01btn,.evolve02btn,.evolveC01btn,.evolveC02btn{cursor:pointer;}
.evolve02{display:none;}