@charset "UTF-8";
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.section-mv-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.section-mv-container .loading {
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  aspect-ratio: 1366/768;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .section-mv-container .loading {
    aspect-ratio: 390/680;
  }
}
.section-mv-container .loading img {
  opacity: 0;
}
.section-mv-container .mv-inner {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  aspect-ratio: 1366/768;
}
@media screen and (max-width: 768px) {
  .section-mv-container .mv-inner {
    aspect-ratio: auto;
    overflow: hidden;
  }
}
.section-mv-container .mv-base {
  aspect-ratio: 1366/768;
  background-image: url("../../assets/images/mv/mv-parts-bg-sky.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .section-mv-container .mv-base {
    aspect-ratio: 390/680;
  }
}
.section-mv-container .particle-box {
  position: absolute;
  top: -100%;
  display: block;
  width: 100%;
  height: 100%;
}
.section-mv-container .particle-box .particle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.section-mv-container .cloud {
  width: 40%;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .section-mv-container .cloud {
    width: 71vw;
  }
}
.section-mv-container .cloud.-left {
  transform: translateX(0);
  left: -200px;
  top: 44px;
}
@media screen and (max-width: 768px) {
  .section-mv-container .cloud.-left {
    left: -42vw;
    top: 29%;
  }
}
.section-mv-container .cloud.-right {
  transform: translateX(0);
  right: -21vw;
  top: 0;
}
@media screen and (max-width: 768px) {
  .section-mv-container .cloud.-right {
    right: -37vw;
    top: 10%;
  }
}
.section-mv-container .rainbow-box {
  position: relative;
}
.section-mv-container .rainbow-box .rainbow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-mv-container .rainbow-box .rainbow img {
  width: 100%;
}
.section-mv-container .float-box {
  position: relative;
  height: 100%;
  aspect-ratio: 1366/768;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .section-mv-container .float-box {
    aspect-ratio: 1920/940;
    width: 100%;
    height: 100vh;
    max-height: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .section-mv-container .float-box {
    aspect-ratio: 390/680;
  }
}
.section-mv-container .float-box .anniversary {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5rem;
}
.section-mv-container .float-box .year,
.section-mv-container .float-box .aniv {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.section-mv-container .float-box .year {
  width: 23vw;
}
@media screen and (min-width: 1200px) {
  .section-mv-container .float-box .year {
    width: 17vw;
  }
}
@media screen and (max-width: 768px) {
  .section-mv-container .float-box .year {
    width: 31vw;
  }
}
.section-mv-container .float-box .aniv {
  width: 66vw;
}
@media screen and (min-width: 1200px) {
  .section-mv-container .float-box .aniv {
    width: 40vw;
  }
}
@media screen and (max-width: 768px) {
  .section-mv-container .float-box .aniv {
    width: 79vw;
  }
}
.section-mv-container .float-box .chara-left,
.section-mv-container .float-box .chara-right {
  position: absolute;
  top: 100%;
  width: 22vw;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 1200px) {
  .section-mv-container .float-box .chara-left,
  .section-mv-container .float-box .chara-right {
    width: 20vw;
  }
}
@media screen and (max-width: 768px) {
  .section-mv-container .float-box .chara-left,
  .section-mv-container .float-box .chara-right {
    transform: translateY(-50%);
  }
}
.section-mv-container .float-box .chara-left {
  left: 50%;
}
.section-mv-container .float-box .chara-right {
  right: 50%;
}
.section-mv-container .float-box .chara-main {
  position: absolute;
  top: 100%;
  left: 60%;
  z-index: 1;
  opacity: 0;
  width: 18vw;
}
@media screen and (min-width: 1200px) {
  .section-mv-container .float-box .chara-main {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .section-mv-container .float-box .chara-main {
    width: 38vw;
  }
}

.section-message-container {
  text-align: center;
  margin-top: 18rem;
  margin-bottom: 18rem;
  position: relative;
  z-index: 1;
}
.section-message-container .section-message--inner {
  background-color: #fff;
  opacity: 0.85;
  border-radius: 10px;
  padding: 5rem 13.7rem 8rem;
}
@media screen and (max-width: 768px) {
  .section-message-container .section-message--inner {
    padding: 3rem;
  }
}
.section-message-container .section-message--inner .c-section-title {
  margin-top: -7.4em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .section-message-container .section-message--inner .c-section-title {
    margin-top: -7.4rem;
    margin-bottom: 5.5rem;
  }
}
.section-message-container p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.25;
  margin: 0 0 3.2rem;
}
@media screen and (max-width: 768px) {
  .section-message-container p {
    text-align: left;
    line-height: 2;
  }
}
.section-message-container p:last-of-type {
  margin-bottom: 0;
}
.section-message-container p.main {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5625;
  letter-spacing: 0;
  margin-bottom: 4rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section-message-container p.main {
    font-size: 2.8rem;
  }
}

.section-special_contents-container {
  padding-top: 20rem;
  padding-bottom: 20rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .section-special_contents-container {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.section-special_contents-container .section-special_contents-inner {
  position: relative;
  background-color: #fff;
  z-index: 20;
}
.section-special_contents-container .section-special_contents-inner::before {
  content: "";
  overflow: hidden;
  width: 100vw;
  height: 20rem;
  top: -20rem;
  left: 0;
  background: url("../../assets/images/common/wave-top.svg") no-repeat top;
  background-size: 100% 100%;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .section-special_contents-container .section-special_contents-inner::before {
    height: 8rem;
    top: -8rem;
  }
}
.section-special_contents-container .section-special_contents-inner::after {
  content: "";
  overflow: hidden;
  width: 100vw;
  height: 20rem;
  bottom: -20rem;
  left: 0;
  background: url("../../assets/images/common/wave-bottom.svg") no-repeat top;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .section-special_contents-container .section-special_contents-inner::after {
    height: 8rem;
    bottom: -8rem;
  }
}
.section-special_contents-container .section-special_contents-inner .c-section-title .sub-text {
  color: #eb2f4c;
  font-weight: 700;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  .section-special_contents-container .section-special_contents-inner .c-section-title .sub-text {
    font-size: 2.4rem;
  }
}
.section-special_contents-container .section-special_contents-list {
  padding: 0;
  list-style: none;
  margin-top: 10.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10.8rem;
  position: relative;
  z-index: 10;
}
.section-special_contents-container .section-special_contents-list .section-special_contents-item {
  flex: 0 0 calc((100% - 10.8rem) / 2);
}
@media screen and (max-width: 768px) {
  .section-special_contents-container .section-special_contents-list .section-special_contents-item {
    gap: 8rem;
    flex: 0 0 100%;
  }
}
.section-special_contents-container .section-special_contents-list .section-special_contents-item:nth-of-type(even) {
  margin-top: 15rem;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .section-special_contents-container .section-special_contents-list .section-special_contents-item:nth-of-type(even) {
    margin-top: 0;
  }
}

.section-history-container {
  background-color: #fffde0;
  padding-top: 35.2rem;
  padding-bottom: 11rem;
  margin-top: -20rem;
  position: relative;
  z-index: 18;
}
@media screen and (max-width: 768px) {
  .section-history-container {
    padding-top: 18rem;
    margin-top: -8rem;
  }
}

@media screen and (max-width: 768px) {
  .section-history-lead-box {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (max-width: 500px) {
  .section-history-lead-box {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.section-history-lead {
  margin: 8rem auto 0;
  text-align: center;
  max-width: 800px;
}
.section-history-lead-main {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1.631;
  letter-spacing: 0;
  color: #3e3a39;
}
@media screen and (max-width: 768px) {
  .section-history-lead-main {
    font-size: 2.4rem;
  }
}
.section-history-lead-main span {
  display: inline-block;
  padding: 4px 20px;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.section-history-lead-main span:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .section-history-lead-main span:has(.-block) {
    background-color: transparent;
    padding-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .section-history-lead-main span:has(.-block) > span {
    padding: 0;
    margin-bottom: 0;
  }
}
.section-history-lead-main span.-block {
  display: inline;
}
@media screen and (max-width: 768px) {
  .section-history-lead-main span.-block {
    display: inline-block;
  }
}
.section-history-lead-sub {
  margin-top: 4rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.111;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section-history-lead-sub {
    text-align: left;
  }
}
.section-history-lead .terumaru {
  display: none;
}
@media screen and (max-width: 1200px) {
  .section-history-lead .terumaru {
    display: inline-block;
  }
}

.section-history-event {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.section-history-event .history {
  position: relative;
}
.section-history-event .history::before {
  content: "";
  padding-bottom: 23rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 7rem;
  height: var(--img-height, 0px);
  max-height: var(--max-height);
  background-image: url("../../assets/images/common/line-rainbow.jpg");
}
.section-history-event .event-start-num {
  margin: 8.6rem auto 3.6rem;
  font-size: 7.8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #3e3a39;
}
.section-history-event .event {
  margin-bottom: 23rem;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event {
    z-index: 1;
    position: relative;
  }
}
.section-history-event .event .event-item-box {
  position: relative;
}
.section-history-event .event .event-item-box::before {
  content: "";
  position: absolute;
  display: block;
  width: 7rem;
  height: 1rem;
  background-image: url("../../assets/images/common/line-event.svg");
  transition: all ease-in-out 1s;
  z-index: 1;
}
.section-history-event .event .event-item-box:first-of-type {
  padding-top: 8rem;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:first-of-type {
    padding-top: 21.5rem;
  }
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:first-of-type::before {
    top: 18% !important;
  }
}
.section-history-event .event .event-item-box:nth-of-type(odd)::before {
  top: 50%;
  right: 50%;
  opacity: 0;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:nth-of-type(odd)::before {
    top: -16%;
  }
}
.section-history-event .event .event-item-box:nth-of-type(odd) .event-item {
  margin-right: auto;
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:nth-of-type(odd) .event-item {
    margin-left: auto;
  }
}
.section-history-event .event .event-item-box:nth-of-type(even)::before {
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: scaleX(-1);
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:nth-of-type(even)::before {
    top: -12%;
    right: 50%;
    left: auto;
    transform: scaleX(1);
  }
}
.section-history-event .event .event-item-box:nth-of-type(even) .event-item {
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:nth-of-type(even) .event-item {
    margin-right: auto;
  }
}
.section-history-event .event .event-item-box:nth-of-type(n + 2) {
  margin-top: -11.7rem;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box:nth-of-type(n + 2) {
    margin-top: 20rem;
  }
}
.section-history-event .event .event-item-box.-js-moved-right::before {
  opacity: 1;
  animation: fadeLineRight 0.4s ease-out forwards;
}
.section-history-event .event .event-item-box.-js-moved-left::before {
  opacity: 1;
  animation: fadeLineLeft 0.4s ease-out forwards;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item-box.-js-moved-left::before {
    animation: fadeLineRight 0.4s ease-out forwards;
  }
}
.section-history-event .event .event-item {
  padding: 4rem 3rem 3rem;
  max-width: 37.5rem;
  width: calc((100% - 7rem) / 2);
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item {
    padding-top: 4.6rem;
    max-width: 35rem;
    width: 100%;
  }
}
.section-history-event .event .event-item .year {
  font-size: 6rem;
  line-height: 1;
  width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 0;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item .year {
    text-align: left;
    padding-left: 2rem;
    font-size: 5.2rem;
  }
}
.section-history-event .event .event-item .year span {
  font-family: "Zen Maru Gothic", "HiraKakuPro-W3", "Hiragino Kaku Gothic Pro", "游ゴシック", yugothic, "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS PGothic", arial, verdana, sans-serif;
  font-size: 3.8rem;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item .year span {
    font-size: 3rem;
  }
}
.section-history-event .event .event-item .year span.-num {
  font-family: "DM Serif Text", serif;
  font-size: 6rem;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .section-history-event .event .event-item .year span.-num {
    font-size: 5.2rem;
  }
}
.section-history-event .event .event-item .image {
  margin: 0;
}
.section-history-event .event .event-item .title {
  margin: 2rem auto 0;
  color: #eb2f4c;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.727;
  letter-spacing: 0;
}
.section-history-event .event .event-item .text {
  color: #3e3a39;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0;
  text-align: left;
}
.section-history-event .history-logo-box {
  position: relative;
}
.section-history-event .history-logo-box .history-logo {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .section-history-event .history-logo-box .history-logo {
    width: 90%;
    height: auto;
  }
}
.section-history-event .history-logo-box .history-logo-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  display: block;
  opacity: 0;
  animation: fade-circle 4s infinite;
  animation-timing-function: ease-out;
}
@media screen and (max-width: 768px) {
  .section-history-event .history-logo-box .history-logo-bg {
    width: 90%;
    height: auto;
  }
}
.section-history-event .history-logo-box .history-logo-bg:nth-child(2) {
  animation-delay: 0s;
}
.section-history-event .history-logo-box .history-logo-bg:nth-child(3) {
  animation-delay: 1s;
}
.section-history-event .history-logo-box .history-logo-bg:nth-child(4) {
  animation-delay: 2s;
}
.section-history-event .logo-meaning {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .section-history-event .logo-meaning {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media screen and (max-width: 500px) {
  .section-history-event .logo-meaning {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.section-history-event .logo-meaning .title-en {
  margin: 0 auto 4rem;
  color: #929293;
  font-size: 2.6rem;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-history-event .logo-meaning .title {
  margin: 0 auto 3rem;
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .section-history-event .logo-meaning .title {
    font-size: 3.6rem;
    line-height: 1.5;
  }
}
.section-history-event .logo-meaning .desc {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2.2;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .section-history-event .logo-meaning .desc {
    font-size: 1.6rem;
  }
}

.history-chara {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin-top: -35.2rem;
  pointer-events: none;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  margin-right: auto;
  margin-left: auto;
  max-width: 1700px;
}
@media screen and (max-width: 1200px) {
  .history-chara {
    z-index: 0;
  }
}
.history-chara .terumaru {
  position: absolute;
  top: 5%;
  right: 8.3rem;
}
@media screen and (max-width: 1200px) {
  .history-chara .terumaru {
    right: -5.7rem;
    display: none;
  }
}
.history-chara .chara1 {
  position: absolute;
  top: 12.3%;
  left: 5%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara1 {
    display: none;
  }
}
.history-chara .chara2 {
  position: absolute;
  top: 12.5%;
  right: 20%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara2 {
    right: 2%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara2 {
    top: 13.2%;
    right: 9%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara2 {
    max-width: 8.9rem;
    height: auto;
    top: 13%;
    right: 9%;
  }
}
.history-chara .chara3 {
  position: absolute;
  top: 25.1%;
  left: 7%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara3 {
    top: 31.4%;
    left: -2%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara3 {
    top: 23.1%;
    left: 2%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara3 {
    max-width: 7.7rem;
    height: auto;
    top: 20.1%;
    left: 2%;
  }
}
.history-chara .chara4 {
  position: absolute;
  top: 30.2%;
  right: 6%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara4 {
    top: 34%;
    right: -3%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara4 {
    top: 30.6%;
    right: 2%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara4 {
    max-width: 9.2rem;
    height: auto;
    top: 27.4%;
    right: -1%;
  }
}
.history-chara .chara5 {
  position: absolute;
  top: 35%;
  left: 6%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara5 {
    top: 37.7%;
    left: -4%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara5 {
    top: 38.4%;
    left: -3%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara5 {
    max-width: 9.6rem;
    height: auto;
    top: 34.8%;
    left: -1%;
  }
}
.history-chara .chara6 {
  position: absolute;
  top: 39.6%;
  right: 7%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara6 {
    top: 46.4%;
    right: 0%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara6 {
    top: 45.4%;
    right: 2%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara6 {
    max-width: 8.9rem;
    height: auto;
    top: 42.4%;
    right: -1%;
  }
}
.history-chara .chara7 {
  position: absolute;
  top: 44%;
  left: 5%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara7 {
    top: 54.8%;
    left: -1%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara7 {
    top: 52.4%;
    left: 4%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara7 {
    max-width: 9.4rem;
    height: auto;
    top: 49.4%;
    left: -2%;
  }
}
.history-chara .chara8 {
  position: absolute;
  top: 58%;
  right: 9%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara8 {
    top: 64.2%;
    right: 5%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara8 {
    top: 60.2%;
    right: 3%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara8 {
    max-width: 8.8rem;
    height: auto;
    top: 56.6%;
    right: 3%;
  }
}
.history-chara .chara9 {
  position: absolute;
  top: 67%;
  left: 5%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara9 {
    top: 67.8%;
    left: 0.2%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara9 {
    top: 71.2%;
    left: 4%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara9 {
    max-width: 9.4rem;
    height: auto;
    top: 67.6%;
    left: -2%;
  }
}
.history-chara .chara10 {
  position: absolute;
  top: 77.3%;
  right: 9%;
}
@media screen and (max-width: 1200px) {
  .history-chara .chara10 {
    top: 77.8%;
    right: 3%;
  }
}
@media screen and (max-width: 1000px) {
  .history-chara .chara10 {
    top: 79.5%;
    right: 3%;
  }
}
@media screen and (max-width: 800px) {
  .history-chara .chara10 {
    max-width: 8.8rem;
    height: auto;
    top: 79.5%;
    right: 3%;
  }
}