@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bigshot+One&display=swap");
@-webkit-keyframes spin-right {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(360deg); /* 360度回転 */
  }
}
@keyframes spin-right {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(360deg); /* 360度回転 */
  }
}
@-webkit-keyframes spin-left {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(-360deg); /* 360度回転 */
  }
}
@keyframes spin-left {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(-360deg); /* 360度回転 */
  }
}
@-webkit-keyframes scaleAmime {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.2);
  }
}
@keyframes scaleAmime {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1.2);
  }
}
@-webkit-keyframes loadShapes {
  0% {
    transform: rotateX(0deg);
  }
  25% {
    transform: rotateX(360deg);
  }
  50% {
    transform: rotateX(360deg);
  }
  75% {
    transform: rotateX(0deg);
  }
}
@keyframes loadShapes {
  0% {
    transform: rotateX(0deg);
  }
  25% {
    transform: rotateX(360deg);
  }
  50% {
    transform: rotateX(360deg);
  }
  75% {
    transform: rotateX(0deg);
  }
}
/*=============================================================
 tools
=============================================================*/
body.load {
  overflow: hidden;
}

#bnrUnit {
  position: fixed;
  bottom: 295px;
  right: -25px;
  width: 247px;
  z-index: 5;
}
@media only screen and (max-width: 1250px) {
  #bnrUnit {
    bottom: 23.6vw;
    right: -2vw;
    width: 19.76vw;
  }
}
@media only screen and (max-width: 768px) {
  #bnrUnit {
    bottom: 30.46875vw;
    right: -2.34375vw;
    width: 30vw;
  }
}
#bnrUnit a {
  display: block;
  transition: all 0.3s ease;
}
#bnrUnit a:hover {
  transform: translateX(10px);
}
@media only screen and (max-width: 1250px) {
  #bnrUnit a:hover {
    transform: translateX(0.8vw);
  }
}
@media only screen and (max-width: 768px) {
  #bnrUnit a:hover {
    transform: translate(0);
  }
}

#bnrUnit, #bnrTicket {
  opacity: 0;
  transition: all 0.4s 1.4s ease;
}
#bnrUnit.on, #bnrTicket.on {
  opacity: 1;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px 0;
  width: 100vw;
  height: 100vh;
  z-index: 20;
  background: linear-gradient(0deg, rgba(203, 255, 150, 0.7), rgba(255, 255, 255, 0.7) 50%), url(../img/global/bg-pc.webp) no-repeat top center;
  background-size: cover;
  transition: all 1s ease;
}
@media only screen and (max-width: 2000px) {
  #loading {
    gap: 0.5vw 0;
  }
}
@media only screen and (max-width: 768px) {
  #loading {
    gap: 1.5625vw 0;
  }
}
#loading .loading__text {
  font-size: 20px;
  font-family: "Bigshot One", serif;
  text-align: center;
}
#loading .loading__shapes {
  width: 650px;
}
@media only screen and (max-width: 2000px) {
  #loading .loading__shapes {
    width: 32.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #loading .loading__shapes {
    width: 70.3125vw;
  }
}
#loading .loading__shapes img {
  -webkit-animation: loadShapes 6s infinite ease;
          animation: loadShapes 6s infinite ease;
}
#loading.off {
  opacity: 0;
  filter: blur(20px);
}

#keyvisual {
  position: relative;
  height: 86.6vw;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #keyvisual {
    height: 209.6875vw;
  }
}
#keyvisual .keyvisual__decoBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#keyvisual .keyvisual__decoBox__star {
  position: absolute;
}
#keyvisual .keyvisual__decoBox__star.star1 {
  width: 74.25vw;
  top: -12.5vw;
  left: calc(50% - 24.3vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star1 {
    width: 123.28125vw;
    top: -25.9375vw;
    left: 9.375vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star2 {
  width: 13.1vw;
  top: 6.85vw;
  left: calc(50% - 24.5vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star2 {
    width: 40.9375vw;
    top: 31.25vw;
    left: 1.40625vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star3 {
  width: 47.45vw;
  top: 16vw;
  left: calc(50% - 52.5vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star3 {
    width: 79.375vw;
    top: 83.90625vw;
    left: -10vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star4 {
  width: 65.15vw;
  top: 32.7vw;
  left: calc(50% - 23.3vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star4 {
    width: 59.375vw;
    top: 99.21875vw;
    left: 43.125vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star5 {
  width: 54.7vw;
  top: 5vw;
  right: calc(50% - 44.2vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star5 {
    width: 137.8125vw;
    top: 30.3125vw;
    left: 7.03125vw;
    z-index: 2;
  }
}
#keyvisual .keyvisual__decoBox__star.star6 {
  width: 6.9vw;
  top: 6.25vw;
  right: calc(50% - 33.3vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star6 {
    width: 13.75vw;
    top: 20.46875vw;
    left: 45vw;
    right: inherit;
  }
}
#keyvisual .keyvisual__decoBox__star.star7 {
  width: 9.35vw;
  top: 36.15vw;
  left: calc(50% - 10.85vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star7 {
    width: 11.71875vw;
    top: 124.6875vw;
    left: 19.53125vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star8 {
  width: 2.2vw;
  top: 8.6vw;
  left: calc(50% - 28.85vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star8 {
    display: none;
  }
}
#keyvisual .keyvisual__decoBox__star.star9 {
  width: 2.5vw;
  top: 7.9vw;
  right: calc(50% - 20.95vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star9 {
    display: none;
  }
}
#keyvisual .keyvisual__decoBox__star.star10 {
  width: 2.2vw;
  top: 18.8vw;
  right: calc(50% - 35.3vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star10 {
    width: 6.875vw;
    top: 58.90625vw;
    right: 2.8125vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star11 {
  width: 30.4vw;
  top: 35.5vw;
  left: calc(50% - 17.6vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star11 {
    width: 52.65625vw;
    top: 128.4375vw;
    left: 7.03125vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star12 {
  width: 3.6vw;
  bottom: 11.25vw;
  right: calc(50% - 38vw);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star12 {
    width: 7.96875vw;
    bottom: 5.78125vw;
    right: -1.71875vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star13 {
  width: 3.05vw;
  bottom: 30vw;
  left: calc(50% - 25vw);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star13 {
    width: 9.53125vw;
    bottom: 50.46875vw;
    left: 6.25vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star14 {
  width: 3.7vw;
  bottom: 8.6vw;
  left: calc(50% - 38vw);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star14 {
    display: none;
  }
}
#keyvisual .keyvisual__decoBox__star.star15 {
  width: 2.65vw;
  bottom: 24.75vw;
  right: calc(50% - 33.9vw);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star15 {
    width: 5.3125vw;
    bottom: 40.9375vw;
    right: 2.65625vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star16 {
  width: 6.9vw;
  top: 33.25vw;
  right: calc(50% - 29.7vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star16 {
    width: 13.4375vw;
    top: 83.4375vw;
    right: 0vw;
  }
}
#keyvisual .keyvisual__decoBox__star.star17 {
  width: 35.05vw;
  top: -8.7vw;
  left: calc(50% - 52.5vw);
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__decoBox__star.star17 {
    width: 73.125vw;
    top: -7.5vw;
    left: -17.96875vw;
  }
}
#keyvisual .keyvisual__logo {
  position: absolute;
  top: 13.6vw;
  left: 50%;
  transform: translateX(-50%);
  width: 60vw;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__logo {
    top: 59.375vw;
    width: 100.3125vw;
  }
}
#keyvisual .keyvisual__base {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 34.9vw;
  background: url(../img/kv/bg_round-pc.png) no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__base {
    height: 53.75vw;
    background-image: url(../img/kv/bg_round-sp.png);
  }
}
#keyvisual .keyvisual__date {
  position: absolute;
  bottom: 3.5vw;
  left: 50%;
  transform: translateX(-50%);
  width: 60vw;
}
@media only screen and (max-width: 768px) {
  #keyvisual .keyvisual__date {
    bottom: 9.375vw;
    width: 87.8125vw;
  }
}
#keyvisual .keyvisual__decoBox__star {
  transition: all 7s ease-out;
}
#keyvisual .keyvisual__decoBox__star img {
  opacity: 0;
  transition: all 1s ease;
}
#keyvisual .keyvisual__decoBox__star.star1 img {
  -webkit-animation: spin-right 80s infinite linear;
          animation: spin-right 80s infinite linear;
}
#keyvisual .keyvisual__decoBox__star.star3 img {
  -webkit-animation: spin-left 40s infinite linear;
          animation: spin-left 40s infinite linear;
}
#keyvisual .keyvisual__decoBox__star.star11, #keyvisual .keyvisual__decoBox__star.star3, #keyvisual .keyvisual__decoBox__star.star9, #keyvisual .keyvisual__decoBox__star.star2, #keyvisual .keyvisual__decoBox__star.star10 {
  transition-duration: 6s;
  transition-delay: 0.5s;
}
#keyvisual .keyvisual__decoBox__star.star-right {
  transform: scale(0) translateX(-200px) translateY(100px);
}
#keyvisual .keyvisual__decoBox__star.star-left {
  transform: scale(0) translateX(200px) translateY(100px);
}
#keyvisual .keyvisual__logo {
  transform: translateX(-50%) scale(1.05);
  opacity: 0;
  filter: blur(10px);
  transition: all 0.8s 1s ease;
}
#keyvisual .keyvisual__date {
  transform: translateX(-50%) scaleX(0.8);
  opacity: 0;
  filter: brightness(3);
  transition: all 1s 1.4s ease;
}
#keyvisual.move-on .keyvisual__decoBox__star {
  transform: scale(1) translate(0);
}
#keyvisual.move-on .keyvisual__decoBox__star img {
  opacity: 1;
}
#keyvisual.move-on .keyvisual__logo {
  transform: translateX(-50%) scale(1);
  filter: blur(0px);
  opacity: 1;
}
#keyvisual.move-on .keyvisual__date {
  transform: translateX(-50%) scale(1);
  filter: brightness(1);
  opacity: 1;
}

section {
  position: relative;
  margin-bottom: 210px;
}
@media only screen and (max-width: 1250px) {
  section {
    margin-bottom: 16.8vw;
  }
}
section .sec__inner {
  width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1250px) {
  section .sec__inner {
    width: 96vw;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__inner {
    width: 87.5vw;
  }
}
section .sec__ttlBox {
  position: relative;
  z-index: 2;
}
section .sec__ttlBox__deco {
  position: absolute;
  top: -30px;
  right: -12px;
  width: 533px;
}
@media only screen and (max-width: 1250px) {
  section .sec__ttlBox__deco {
    top: -2.4vw;
    right: -0.96vw;
    width: 42.64vw;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__ttlBox__deco {
    width: 30.15625vw;
    top: -3.75vw;
    right: -1.875vw;
  }
}
section .sec__ttlBox__title {
  position: relative;
  line-height: 1;
}
section .sec__ttlBox__title span {
  display: block;
}
section .sec__ttlBox__title__line {
  position: absolute;
  top: 0;
  left: 0;
}
section .sec__ttlBox__title__star {
  position: absolute;
  width: 145px;
}
@media only screen and (max-width: 1250px) {
  section .sec__ttlBox__title__star {
    width: 11.6vw;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__ttlBox__title__star {
    width: 16.09375vw;
  }
}
section .sec__ttlBox__title__star svg {
  width: 100%;
  height: auto;
}
section .sec__ttlBox__shapes {
  width: 424px;
}
@media only screen and (max-width: 1250px) {
  section .sec__ttlBox__shapes {
    width: 33.92vw;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__ttlBox__shapes {
    width: 47.03125vw;
  }
}
section .sec__ttlBox__shapesRight {
  display: grid;
  align-items: end;
  justify-content: left;
  grid-template-columns: auto 424px;
  gap: 0 24px;
}
@media only screen and (max-width: 1250px) {
  section .sec__ttlBox__shapesRight {
    grid-template-columns: auto 33.92vw;
    gap: 0 1.92vw;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__ttlBox__shapesRight {
    grid-template-columns: auto 66.25vw;
    gap: 0 3.75vw;
  }
}
section .sec__ttlBox__shapesRight .sec__ttlBox__shapes {
  padding-bottom: 13px;
}
@media only screen and (max-width: 1250px) {
  section .sec__ttlBox__shapesRight .sec__ttlBox__shapes {
    padding-bottom: 1.04vw;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__ttlBox__shapesRight .sec__ttlBox__shapes {
    padding-bottom: 1.875vw;
  }
}
section .sec__ttlBox__shapesCenter .sec__ttlBox__title {
  margin: 0 auto;
}
section .sec__ttlBox__shapesCenter .sec__ttlBox__shapes {
  width: 424px;
  margin: 18px auto 0;
}
@media only screen and (max-width: 1250px) {
  section .sec__ttlBox__shapesCenter .sec__ttlBox__shapes {
    width: 33.92vw;
    margin: 1.44vw auto 0;
  }
}
@media only screen and (max-width: 768px) {
  section .sec__ttlBox__shapesCenter .sec__ttlBox__shapes {
    width: 47.03125vw;
    margin-top: 1.875vw;
  }
}
section .sec__ttlBox__deco {
  transform: translateX(-100px);
  opacity: 0;
}
section .sec__ttlBox__title__solid {
  transform: translateX(-10px) translateY(-10px);
  opacity: 0;
  transition: all 0.5s 0.6s ease;
}
section .sec__ttlBox__title__line {
  transform: translateX(15px) translateY(15px);
  opacity: 0;
  transition: all 0.5s 0.5s ease;
}
section .sec__ttlBox__title__star {
  transform: rotate(-33deg) translateY(30px) translateX(-140px);
  opacity: 0;
  transition: all 0.9s 0s ease;
}
section .sec__ttlBox__shapes {
  transform: scaleY(0);
  opacity: 0;
  transition: all 0.6s 0.8s ease;
}
section .sec__ttlBox__shapes img {
  transform: rotateX(180deg);
  transition: all 1s 1s ease;
}
section .btn {
  position: relative;
  opacity: 0;
  transition: all 0.5s 1.4s ease;
  z-index: 2;
}
section.move-on .sec__ttlBox__title__solid, section.move-on .sec__ttlBox__title__line, section.move-on .sec__ttlBox__title__star {
  transform: rotate(0deg) translate(0, 0);
  opacity: 1;
}
section.move-on .sec__ttlBox__shapes {
  transform: scaleY(1);
  opacity: 1;
}
section.move-on .sec__ttlBox__shapes img {
  transform: rotateX(0deg);
}
section.move-on .btn {
  opacity: 1;
}
section.move-on .btn__off {
  opacity: 0.5;
}

#news {
  padding-top: 82px;
  margin-top: -0.5px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 60%);
}
@media only screen and (max-width: 1250px) {
  #news {
    padding-top: 6.56vw;
  }
}
@media only screen and (max-width: 768px) {
  #news {
    padding: 0;
  }
}
#news .sec__ttlBox {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1250px) {
  #news .sec__ttlBox {
    margin-bottom: 3.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .sec__ttlBox {
    margin-bottom: 11.25vw;
  }
}
#news .sec__ttlBox__title {
  width: 313px;
}
@media only screen and (max-width: 1250px) {
  #news .sec__ttlBox__title {
    width: 25.04vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .sec__ttlBox__title {
    width: 34.84375vw;
  }
}
#news .sec__ttlBox__title__star {
  bottom: 80px;
  left: 128px;
}
@media only screen and (max-width: 1250px) {
  #news .sec__ttlBox__title__star {
    bottom: 6.4vw;
    left: 10.24vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .sec__ttlBox__title__star {
    bottom: 9.21875vw;
    left: 14.0625vw;
  }
}
#news .news__deco {
  pointer-events: none;
}
#news .news__deco__star {
  position: absolute;
}
#news .news__deco__star.star1 {
  width: 460px;
  top: 14px;
  right: calc(50% - 1109px);
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star1 {
    width: 36.8vw;
    top: 1.12vw;
    right: calc(50% - 88.72vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__deco__star.star1 {
    width: 29.53125vw;
    top: 2.8125vw;
    right: -14.375vw;
  }
}
#news .news__deco__star.star2 {
  width: 418px;
  top: 247px;
  right: calc(50% - 925px);
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star2 {
    width: 33.44vw;
    top: 19.76vw;
    right: calc(50% - 74vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__deco__star.star2 {
    width: 47.65625vw;
    top: 19.375vw;
    right: 1.5625vw;
  }
}
#news .news__deco__star.star3 {
  width: 1094px;
  top: 120px;
  left: calc(50% - 765px);
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star3 {
    width: 87.52vw;
    top: 9.6vw;
    left: calc(50% - 61.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__deco__star.star3 {
    width: 90.625vw;
    top: 13.28125vw;
    left: 2.1875vw;
  }
}
#news .news__deco__star.star4 {
  width: 883px;
  top: 329px;
  right: calc(50% - 698px);
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star4 {
    width: 70.64vw;
    top: 26.32vw;
    right: calc(50% - 55.84vw);
  }
}
#news .news__list {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  #news .news__list {
    width: 80vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list {
    width: 100%;
    margin-bottom: 6.25vw;
  }
}
#news .news__list__item {
  position: relative;
  background-color: #91FF00;
  border-radius: 500px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item {
    margin-bottom: 2.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item {
    margin-bottom: 4.6875vw;
  }
}
#news .news__list__item__link {
  display: grid;
  grid-template-columns: 232px 1fr 140px;
  align-items: center;
  min-height: 138px;
  padding: 40px 0;
  gap: 0 30px;
  color: #000;
  box-sizing: border-box;
  text-decoration: none;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__link {
    grid-template-columns: 18.56vw 1fr 11.2vw;
    min-height: 11.04vw;
    padding: 3.2vw 0;
    gap: 0 2.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 5.3125vw;
  }
}
#news .news__list__item__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  filter: blur(15px);
  background-color: #fff;
  border-radius: 300px;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__link::before {
    filter: blur(1.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__link::before {
    filter: blur(2.34375vw);
  }
}
#news .news__list__item__date {
  position: relative;
  font-size: 26px;
  padding: 4px 0;
  font-family: "Bigshot One", serif;
  background-color: #CBFF96;
  text-align: center;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__date {
    font-size: 2.08vw;
    padding: 0.32vw 0;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__date {
    font-size: 4.6875vw;
    padding: 0.625vw 4.6875vw;
    margin-bottom: 2.1875vw;
  }
}
#news .news__list__item__text {
  position: relative;
  font-size: 20px;
  word-break: break-all;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__text {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__text {
    font-size: 3.75vw;
    padding: 0 19.375vw 0 7.8125vw;
  }
}
#news .news__list__item__arrow {
  position: absolute;
  top: 50%;
  right: 45px;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: url(../img/parts/circle_arrow_gy.png) no-repeat top center;
  background-size: contain;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__arrow {
    right: 3.6vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__arrow {
    right: 6.25vw;
    width: 9.375vw;
    height: 9.375vw;
  }
}
#news .news__list__item:hover {
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item:hover {
    box-shadow: 0.24vw 0.24vw 0.96vw rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover {
    box-shadow: none;
  }
}
#news .news__list__item:hover .news__list__item__link::before {
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover .news__list__item__link::before {
    opacity: 1;
  }
}
#news .news__list__item:hover .news__list__item__date {
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover .news__list__item__date {
    background-color: #CBFF96;
  }
}
#news .news__list__item:hover .news__list__item__arrow {
  background-image: url(../img/parts/circle_arrow_wh.png);
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover .news__list__item__arrow {
    background-image: url(../img/parts/circle_arrow_gy.png);
  }
}
#news .news__deco__star.star1 {
  transform: scale(0.8) translateX(-400px) translateY(80px);
  opacity: 0;
  transition: all 0.6s 1s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star1 {
    transform: scale(0.8) translateX(-32vw) translateY(6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__deco__star.star1 {
    transform: scale(0.8) translateX(-31.25vw) translateY(12.5vw);
  }
}
#news .news__deco__star.star1 img {
  -webkit-animation: spin-right 20s infinite linear;
          animation: spin-right 20s infinite linear;
}
#news .news__deco__star.star2 {
  transform: rotate(-15deg) translateX(-200px) translateY(80px);
  opacity: 0;
  transition: all 0.6s 1.5s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star2 {
    transform: rotate(-15deg) translateX(-16vw) translateY(6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__deco__star.star2 {
    transform: rotate(-15deg) translateX(-15.625vw) translateY(12.5vw);
  }
}
#news .news__deco__star.star3 {
  transform: rotate(10deg) translateX(300px) translateY(80px);
  opacity: 0;
  transition: all 1s 0.8s ease-in-out;
}
@media only screen and (max-width: 1250px) {
  #news .news__deco__star.star3 {
    transform: rotate(10deg) translateX(24vw) translateY(6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__deco__star.star3 {
    transform: rotate(10deg) translateX(23.4375vw) translateY(12.5vw);
  }
}
#news .news__deco__star.star4 {
  transform: scaleX(0) rotate(-20deg);
  opacity: 0;
  transition: all 1s 0.8s ease-in-out;
}
#news .news__list__item {
  opacity: 0;
  filter: brightness(2);
  transition: all 0.5s 1s ease;
}
#news .news__list__item__text, #news .news__list__item__date {
  opacity: 0;
  transition: all 0.5s 1.2s ease;
}
#news.move-on .news__deco__star.star1 {
  transform: scale(1) translateX(0) translateY(0);
  opacity: 1;
}
#news.move-on .news__deco__star.star2, #news.move-on .news__deco__star.star3 {
  transform: rotate(0deg) translateX(0) translateY(0);
  opacity: 1;
}
#news.move-on .news__deco__star.star4 {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}
#news.move-on .news__list__item {
  opacity: 1;
  filter: brightness(1);
}
#news.move-on .news__list__item__text, #news.move-on .news__list__item__date {
  opacity: 1;
}

#merch {
  margin-bottom: 245px;
}
@media only screen and (max-width: 1250px) {
  #merch {
    margin-bottom: 19.6vw;
  }
}
#merch::before {
  content: "";
  position: absolute;
  top: -350px;
  left: 0;
  width: 100%;
  height: 1454px;
  background: url(../img/merch/bg_top-pc.webp) no-repeat top center;
  background-size: cover;
  pointer-events: none;
}
@media only screen and (max-width: 1250px) {
  #merch::before {
    top: -28vw;
    height: 116.32vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch::before {
    top: -15.9375vw;
    height: 140.3125vw;
    background-image: url("../img/merch/bg_top-sp.webp");
  }
}
@media only screen and (max-width: 768px) {
  #merch .sec__inner {
    width: 100%;
  }
}
#merch .sec__ttlBox {
  z-index: 3;
  margin-bottom: -100px;
}
@media only screen and (max-width: 1250px) {
  #merch .sec__ttlBox {
    margin-bottom: -8vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .sec__ttlBox {
    margin-bottom: -10.46875vw;
  }
}
#merch .sec__ttlBox__title {
  width: 369px;
}
@media only screen and (max-width: 1250px) {
  #merch .sec__ttlBox__title {
    width: 29.52vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .sec__ttlBox__title {
    width: 40.625vw;
  }
}
#merch .sec__ttlBox__title__star {
  bottom: 86px;
  left: 150px;
}
@media only screen and (max-width: 1250px) {
  #merch .sec__ttlBox__title__star {
    bottom: 6.88vw;
    left: 12vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .sec__ttlBox__title__star {
    bottom: 9.53125vw;
    left: 16.5625vw;
  }
}
#merch .sec__ttlBox__title__star svg path {
  fill: #000;
}
#merch .merch__deco {
  pointer-events: none;
}
#merch .merch__deco__star {
  position: absolute;
}
#merch .merch__deco__star.star1 {
  width: 468px;
  bottom: -195px;
  left: calc(50% - 921px);
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star1 {
    width: 37.44vw;
    bottom: -15.6vw;
    left: calc(50% - 73.68vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star1 {
    width: 35vw;
    bottom: -26.09375vw;
    left: -7.8125vw;
  }
}
#merch .merch__deco__star.star2 {
  width: 73px;
  bottom: 323px;
  left: calc(50% - 793px);
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star2 {
    width: 5.84vw;
    bottom: 25.84vw;
    left: calc(50% - 63.44vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star2 {
    width: 7.96875vw;
    bottom: -9.6875vw;
    left: 5.625vw;
  }
}
#merch .merch__deco__star.star3 {
  width: 130px;
  top: 110px;
  right: calc(50% - 760px);
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star3 {
    width: 10.4vw;
    top: 8.8vw;
    right: calc(50% - 60.8vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star3 {
    display: none;
  }
}
#merch .merch__deco__star.star4 {
  width: 650px;
  top: -215px;
  right: calc(50% - 1109px);
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star4 {
    width: 52vw;
    top: -17.2vw;
    right: calc(50% - 88.72vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star4 {
    width: 68.28125vw;
    top: -29.375vw;
    right: -33.28125vw;
  }
}
#merch .merch__wrap {
  position: relative;
  padding: 134px 100px 33px;
  background-color: #fff;
  border-radius: 197px;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__wrap {
    padding: 10.72vw 8vw 2.64vw;
    border-radius: 15.76vw;
    box-shadow: 0.24vw 0.24vw 0.96vw rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__wrap {
    padding: 16.71875vw 6.25vw 3.125vw;
    border-radius: 12.5vw;
    box-shadow: 0.46875vw 0.46875vw 1.875vw rgba(0, 0, 0, 0.2);
  }
}
#merch .merch__wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  height: 730px;
  background: url(../img/merch/frame-pc.png) no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__wrap::before {
    width: 88vw;
    height: 58.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__wrap::before {
    width: 93.75vw;
    height: 78.125vw;
    background-image: url(../img/merch/frame-sp.png);
  }
}
#merch .merch__bnr {
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__bnr {
    margin-bottom: 3.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__bnr {
    margin-bottom: 5.78125vw;
  }
}
#merch .merch__bnr.off {
  pointer-events: none;
}
#merch .merch__bnr a {
  position: relative;
  display: block;
  height: 100%;
}
#merch .merch__bnr__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #A7FCFF;
}
#merch .merch__bnr__frame::before, #merch .merch__bnr__frame::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 75px;
  background: url(../img/merch/frame_deco.svg) no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__bnr__frame::before, #merch .merch__bnr__frame::after {
    width: 6.24vw;
    height: 6vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__bnr__frame::before, #merch .merch__bnr__frame::after {
    width: 6.875vw;
    height: 6.5625vw;
  }
}
#merch .merch__bnr__frame::after {
  left: auto;
  right: 0;
  transform: scale(-1, 1);
}
#merch .merch__bnr__frame span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#merch .merch__bnr__frame span::before, #merch .merch__bnr__frame span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 78px;
  height: 75px;
  transform: scale(1, -1);
  background: url(../img/merch/frame_deco.svg) no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__bnr__frame span::before, #merch .merch__bnr__frame span::after {
    width: 6.24vw;
    height: 6vw;
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__bnr__frame span::before, #merch .merch__bnr__frame span::after {
    width: 6.875vw;
    height: 6.5625vw;
  }
}
#merch .merch__bnr__frame span::after {
  left: auto;
  right: 0;
  transform: scale(-1, -1);
}
#merch .merch__deco__star.star1 {
  transform: scale(0.8) translateX(400px) translateY(-80px);
  opacity: 0;
  transition: all 0.6s 1s ease;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star1 {
    transform: scale(0.8) translateX(32vw) translateY(-6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star1 {
    transform: scale(0.8) translateX(31.25vw) translateY(-12.5vw);
  }
}
#merch .merch__deco__star.star1 img {
  -webkit-animation: spin-left 20s infinite linear;
          animation: spin-left 20s infinite linear;
}
#merch .merch__deco__star.star2 {
  transform: rotateY(360deg) translateX(-100px);
  opacity: 0;
  transition: all 0.8s 1.5s ease;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star2 {
    transform: rotateY(360deg) translateX(-8vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star2 {
    transform: rotateY(360deg) translateX(-7.8125vw);
  }
}
#merch .merch__deco__star.star3 {
  transform: rotateX(360deg) translateX(-100px);
  opacity: 0;
  transition: all 0.8s 1.5s ease;
}
@media only screen and (max-width: 1250px) {
  #merch .merch__deco__star.star3 {
    transform: rotateY(360deg) translateX(-8vw);
  }
}
@media only screen and (max-width: 768px) {
  #merch .merch__deco__star.star3 {
    transform: rotateY(360deg) translateX(-7.8125vw);
  }
}
#merch .merch__deco__star.star4 {
  opacity: 0;
  transition: all 0.8s 1.2s ease;
}
#merch .merch__deco__star.star4 img {
  -webkit-animation: scaleAmime 2s infinite ease alternate;
          animation: scaleAmime 2s infinite ease alternate;
}
#merch .merch__wrap {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.4s 1s ease;
}
#merch .merch__wrap::before {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
  transition: all 0.4s 1.1s ease;
}
#merch .merch__bnr {
  opacity: 0;
  transform: scale(1.05);
  transition: all 0.4s 1.4s ease;
}
#merch.move-on .merch__deco__star.star1 {
  transform: scale(1) translateX(0) translateY(0);
  opacity: 1;
}
#merch.move-on .merch__deco__star.star2, #merch.move-on .merch__deco__star.star3 {
  transform: rotate(0deg) translateX(0px);
  opacity: 1;
}
#merch.move-on .merch__deco__star.star4 {
  opacity: 1;
}
#merch.move-on .merch__wrap {
  opacity: 1;
  transform: scale(1);
}
#merch.move-on .merch__wrap::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
#merch.move-on .merch__bnr {
  opacity: 1;
  transform: scale(1);
}

#message {
  margin-bottom: 58px;
}
@media only screen and (max-width: 1250px) {
  #message {
    margin-bottom: 4.64vw;
  }
}
@media only screen and (max-width: 768px) {
  #message {
    margin-bottom: 7.8125vw;
  }
}
#message .sec__ttlBox {
  margin-bottom: 68px;
}
@media only screen and (max-width: 1250px) {
  #message .sec__ttlBox {
    margin-bottom: 5.44vw;
  }
}
@media only screen and (max-width: 768px) {
  #message .sec__ttlBox {
    margin-bottom: 0.625vw;
  }
}
#message .sec__ttlBox__title {
  width: 640px;
  margin: 0 auto;
}
@media only screen and (max-width: 1250px) {
  #message .sec__ttlBox__title {
    width: 51.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #message .sec__ttlBox__title {
    width: 69.21875vw;
  }
}
#message .sec__ttlBox__title__star {
  bottom: 181px;
  left: 126px;
}
@media only screen and (max-width: 1250px) {
  #message .sec__ttlBox__title__star {
    bottom: 14.48vw;
    left: 10.08vw;
  }
}
@media only screen and (max-width: 768px) {
  #message .sec__ttlBox__title__star {
    bottom: 18.125vw;
    left: 13.125vw;
  }
}
#message .sec__ttlBox__title__star svg path {
  fill: #fff;
}
#message .sec__ttlBox__shapes {
  position: absolute;
  top: 30px;
  left: 332px;
}
@media only screen and (max-width: 1250px) {
  #message .sec__ttlBox__shapes {
    top: 2.4vw;
    left: 26.56vw;
  }
}
@media only screen and (max-width: 768px) {
  #message .sec__ttlBox__shapes {
    top: 3.4375vw;
    left: 39.6875vw;
  }
}
#message .message__deco {
  pointer-events: none;
}
#message .message__deco__star {
  position: absolute;
}
#message .message__deco__star.star1 {
  width: 460px;
  top: 14px;
  right: calc(50% - 1109px);
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star1 {
    width: 36.8vw;
    top: 1.12vw;
    right: calc(50% - 88.72vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star1 {
    width: 32.03125vw;
    top: -2.8125vw;
    right: -12.5vw;
  }
}
#message .message__deco__star.star2 {
  width: 418px;
  top: 247px;
  right: calc(50% - 925px);
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star2 {
    width: 33.44vw;
    top: 19.76vw;
    right: calc(50% - 74vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star2 {
    width: 36.5625vw;
    top: 75.625vw;
    right: 3.125vw;
  }
}
#message .message__deco__star.star3 {
  width: 1094px;
  top: 120px;
  left: calc(50% - 765px);
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star3 {
    width: 87.52vw;
    top: 9.6vw;
    left: calc(50% - 61.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star3 {
    width: 97.5vw;
    top: 28.59375vw;
    left: -2.03125vw;
  }
}
#message .message__deco__star.star4 {
  width: 883px;
  top: 329px;
  right: calc(50% - 698px);
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star4 {
    width: 70.64vw;
    top: 26.32vw;
    right: calc(50% - 55.84vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star4 {
    width: 77.1875vw;
    top: 48.90625vw;
    right: 3.75vw;
  }
}
#message .message__deco__star.star5 {
  width: 187px;
  bottom: -9px;
  left: calc(50% - 689px);
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star5 {
    width: 14.96vw;
    bottom: -0.72vw;
    left: calc(50% - 55.12vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star5 {
    width: 16.40625vw;
    bottom: 2.03125vw;
    left: 0;
  }
}
#message .message__deco__star.star6 {
  width: 71px;
  bottom: -93px;
  left: calc(50% - 671px);
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star6 {
    width: 5.68vw;
    bottom: -7.44vw;
    left: calc(50% - 53.68vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star6 {
    width: 7.65625vw;
    bottom: -5.3125vw;
    left: 6.25vw;
  }
}
#message .message__bnr {
  position: relative;
  width: 1000px;
  border-radius: 80px;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border: 1px solid #fff;
  margin: 0 auto 40px;
  box-sizing: border-box;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  #message .message__bnr {
    width: 80vw;
    border-radius: 6.4vw;
    box-shadow: 0.24vw 0.24vw 0.96vw rgba(0, 0, 0, 0.2);
    margin: 0 auto 3.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #message .message__bnr {
    width: 100%;
    border-radius: 6.25vw;
    box-shadow: 0.46875vw 0.46875vw 1.875vw rgba(0, 0, 0, 0.2);
    margin-bottom: 4.6875vw;
  }
}
#message .message__bnr a {
  position: relative;
  display: block;
  height: 100%;
}
#message .message__deco__star.star1 {
  transform: scale(0.8) translateX(-400px) translateY(80px);
  opacity: 0;
  transition: all 0.6s 1s ease;
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star1 {
    transform: scale(0.8) translateX(-32vw) translateY(6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star1 {
    transform: scale(0.8) translateX(-31.25vw) translateY(12.5vw);
  }
}
#message .message__deco__star.star1 img {
  -webkit-animation: spin-right 20s infinite linear;
          animation: spin-right 20s infinite linear;
}
#message .message__deco__star.star2 {
  transform: rotate(-15deg) translateX(-200px) translateY(80px);
  opacity: 0;
  transition: all 0.6s 1.5s ease;
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star2 {
    transform: rotate(-15deg) translateX(-16vw) translateY(6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star2 {
    transform: rotate(-15deg) translateX(-15.625vw) translateY(12.5vw);
  }
}
#message .message__deco__star.star3 {
  transform: rotate(10deg) translateX(300px) translateY(80px);
  opacity: 0;
  transition: all 1s 0.8s ease-in-out;
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star3 {
    transform: rotate(10deg) translateX(24vw) translateY(6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star3 {
    transform: rotate(10deg) translateX(23.4375vw) translateY(12.5vw);
  }
}
#message .message__deco__star.star4 {
  transform: scaleX(0) rotate(-20deg);
  opacity: 0;
  transition: all 1s 0.8s ease-in-out;
}
#message .message__deco__star.star5 {
  transform: rotateX(-500deg) scale(0.5) translateX(300px) translateY(-120px);
  opacity: 0;
  transition: all 0.8s 1s ease-in-out;
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star5 {
    transform: rotateX(-500deg) scale(0.5) translateX(24vw) translateY(-9.6vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star5 {
    transform: rotateX(-500deg) scale(0.5) translateX(23.4375vw) translateY(-9.375vw);
  }
}
#message .message__deco__star.star6 {
  transform: rotateY(360deg) translateX(-300px) translateY(-80px);
  opacity: 0;
  transition: all 1s 1.1s ease-in-out;
}
@media only screen and (max-width: 1250px) {
  #message .message__deco__star.star6 {
    transform: rotateY(360deg) translateX(-24vw) translateY(-6.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #message .message__deco__star.star6 {
    transform: rotateY(360deg) translateX(-23.4375vw) translateY(-6.25vw);
  }
}
#message .message__bnr {
  opacity: 0;
  transition: all 0.4s 1s ease;
}
#message .message__bnr.off {
  pointer-events: none;
}
#message .message__bnr img {
  filter: blur(10px);
  transition: all 0.5s 1.1s ease;
}
#message.move-on .message__deco__star.star1 {
  transform: scale(1) translateX(0) translateY(0);
  opacity: 1;
}
#message.move-on .message__deco__star.star2, #message.move-on .message__deco__star.star3 {
  transform: rotate(0deg) translateX(0) translateY(0);
  opacity: 1;
}
#message.move-on .message__deco__star.star4 {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}
#message.move-on .message__deco__star.star5 {
  transform: rotate(0) scale(1) translate(0);
  opacity: 1;
}
#message.move-on .message__deco__star.star6 {
  transform: rotate(0) translate(0);
  opacity: 1;
}
#message.move-on .message__bnr {
  opacity: 1;
}
#message.move-on .message__bnr img {
  filter: blur(0px);
}

#video {
  margin-bottom: 0;
}
#video .sec__ttlBox {
  margin-bottom: -50px;
}
@media only screen and (max-width: 1250px) {
  #video .sec__ttlBox {
    margin-bottom: -4vw;
  }
}
@media only screen and (max-width: 768px) {
  #video .sec__ttlBox {
    margin-bottom: -9.375vw;
  }
}
#video .sec__ttlBox__title {
  width: 328px;
}
@media only screen and (max-width: 1250px) {
  #video .sec__ttlBox__title {
    width: 26.24vw;
  }
}
@media only screen and (max-width: 768px) {
  #video .sec__ttlBox__title {
    width: 36.25vw;
  }
}
#video .sec__ttlBox__title__star {
  bottom: 103px;
  left: 126px;
}
@media only screen and (max-width: 1250px) {
  #video .sec__ttlBox__title__star {
    bottom: 8.24vw;
    left: 10.08vw;
  }
}
@media only screen and (max-width: 768px) {
  #video .sec__ttlBox__title__star {
    bottom: 11.40625vw;
    left: 14.0625vw;
  }
}
#video .sec__ttlBox__title__star svg path {
  fill: #000;
}
#video .video__deco {
  pointer-events: none;
}
#video .video__deco__star {
  position: absolute;
}
#video .video__deco__star.star1 {
  width: 23vw;
  bottom: -4.2vw;
  left: calc(50% - 45.65vw);
}
@media only screen and (max-width: 768px) {
  #video .video__deco__star.star1 {
    width: 23.59375vw;
    bottom: -12.5vw;
    left: -3.125vw;
  }
}
#video .video__deco__star.star2 {
  width: 6.5vw;
  top: 7.15vw;
  right: calc(50% - 32.15vw);
}
@media only screen and (max-width: 768px) {
  #video .video__deco__star.star2 {
    width: 15.46875vw;
    top: 17.65625vw;
    right: 7.8125vw;
  }
}
#video .video__deco__star.star3 {
  width: 24.2vw;
  top: 1vw;
  right: calc(50% - 45.6vw);
}
@media only screen and (max-width: 768px) {
  #video .video__deco__star.star3 {
    width: 54.375vw;
    top: -12.5vw;
    right: -27.34375vw;
  }
}
#video .video__base {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#video .video__wrap {
  position: absolute;
  top: 9vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #video .video__wrap {
    top: 18.75vw;
  }
}
#video .video__frame {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 55.1vw;
  height: 36.5vw;
  background: url(../img/video/frame-pc.png) no-repeat top center;
  background-size: 100% auto;
}
@media only screen and (max-width: 768px) {
  #video .video__frame {
    width: 100vw;
    height: 76.25vw;
    background-image: url(../img/video/frame-sp.png);
  }
}
#video .video__list {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  padding: 4.2vw 0;
  margin-bottom: 3vw;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #video .video__list {
    padding: 0 6.875vw;
    margin-bottom: 8.125vw;
  }
}
@media only screen and (max-width: 768px) {
  #video .video__list {
    padding: 6.5625vw 0 20.625vw;
    margin-bottom: -4.21875vw;
  }
}
#video .video__list__wrap {
  position: relative;
}
#video .video__list .swiper-wrapper {
  width: 100%;
  height: 28.15vw;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-wrapper {
    height: 49.21875vw;
  }
}
#video .video__list .swiper-wrapper .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s 0.2s ease;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-wrapper .swiper-slide {
    align-items: flex-start;
    padding-top: 12.1875vw;
  }
}
#video .video__list .swiper-wrapper .swiper-slide a {
  position: relative;
  width: 100%;
  transition: all 0.5s ease;
}
#video .video__list .swiper-wrapper .swiper-slide a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 9.6vw;
  height: 9.6vw;
  background: url("../img/video/play.png") no-repeat top center;
  background-size: contain;
  transform-origin: center;
  transition: all 0.35s ease;
  opacity: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-wrapper .swiper-slide a::before {
    width: 14.84375vw;
    height: 14.84375vw;
  }
}
#video .video__list .swiper-wrapper .swiper-slide a .image {
  overflow: hidden;
}
#video .video__list .swiper-wrapper .swiper-slide a .image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(190, 200, 250, 0.5);
}
#video .video__list .swiper-wrapper .swiper-slide a .image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.38s ease-out;
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1.285);
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a {
  filter: blur(0);
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a::before, #video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a::after {
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a .image::after {
  opacity: 0;
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a:hover .image img {
  transform: scale(1.1);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a:hover .image img {
    transform: scale(1);
  }
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a:hover::before {
  mix-blend-mode: hard-light;
  transform: translate(-50%, -50%) scale(0.9);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active a:hover::before {
    transform: translate(-50%, -50%) scale(1);
  }
}
#video .video__list .swiper-wrapper .swiper-slide.swiper-slide-active::after {
  opacity: 0;
  visibility: hidden;
}
#video .video__list .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#video .video__list .swiper-pagination {
  bottom: 1.3vw;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-pagination {
    bottom: 7.8125vw;
  }
}
#video .video__list .swiper-pagination .swiper-pagination-bullet {
  width: 1.5vw;
  height: 1.5vw;
  opacity: 1;
  background: url("../img/video/pagination_off.svg") no-repeat top center;
  background-size: contain;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-pagination .swiper-pagination-bullet {
    width: 2.65625vw;
    height: 2.65625vw;
  }
}
#video .video__list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url("../img/video/pagination_on.svg");
}
#video .video__list .swiper-button-prev1,
#video .video__list .swiper-button-next1 {
  top: 50%;
  transform: translateY(-50%);
  width: 2.75vw;
  margin: 0;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev1,
#video .video__list .swiper-button-next1 {
    width: 4.84375vw;
  }
}
#video .video__list .swiper-button-prev1 svg,
#video .video__list .swiper-button-next1 svg {
  width: 100%;
  height: auto;
}
#video .video__list .swiper-button-prev1::after,
#video .video__list .swiper-button-next1::after {
  display: none;
}
#video .video__list .swiper-button-prev1 {
  left: calc(50% - 31.6vw);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev1 {
    left: 0vw;
  }
}
#video .video__list .swiper-button-prev1:hover {
  transform: translateY(-50%) translateX(-10px);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev1:hover {
    transform: translateX(0);
  }
}
#video .video__list .swiper-button-next1 {
  right: calc(50% - 31.6vw);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-next1 {
    right: 0vw;
  }
}
#video .video__list .swiper-button-next1:hover {
  transform: translateY(-50%) translateX(10px);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-next1:hover {
    transform: translateX(0);
  }
}
#video .video__list .swiper-button-prev2,
#video .video__list .swiper-button-next2 {
  height: auto;
  top: inherit;
  width: 3.15vw;
  bottom: 1.6vw;
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev2,
#video .video__list .swiper-button-next2 {
    width: 5.625vw;
    bottom: 8.125vw;
  }
}
#video .video__list .swiper-button-prev2 svg,
#video .video__list .swiper-button-next2 svg {
  width: 100%;
  height: auto;
}
#video .video__list .swiper-button-prev2::after,
#video .video__list .swiper-button-next2::after {
  display: none;
}
#video .video__list .swiper-button-prev2 {
  grid-template-columns: 1.45vw 1fr;
  left: calc(50% - 11vw);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev2 {
    left: 33.75vw;
  }
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev2 {
    grid-template-columns: 4.375vw 1fr;
  }
}
#video .video__list .swiper-button-prev2:hover .arrow {
  transform: translateX(-10px);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-prev2:hover .arrow {
    transform: translateX(0);
  }
}
#video .video__list .swiper-button-next2 {
  grid-template-columns: 1fr 1.45vw;
  right: calc(50% - 11vw);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-next2 {
    right: 33.75vw;
  }
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-next2 {
    grid-template-columns: 1fr 4.375vw;
  }
}
#video .video__list .swiper-button-next2:hover .arrow {
  transform: translateX(10px);
}
@media only screen and (max-width: 768px) {
  #video .video__list .swiper-button-next2:hover .arrow {
    transform: translateX(0);
  }
}
#video .video__deco__star.star1 {
  transform: rotate(180deg) translateY(-9vw) translateX(10vw);
  opacity: 0;
  transition: all 0.8s 1s ease;
}
@media only screen and (max-width: 768px) {
  #video .video__deco__star.star1 {
    transform: rotate(180deg) translateY(-14.0625vw) translateX(15.625vw);
  }
}
#video .video__deco__star.star1 img {
  -webkit-animation: spin-left 20s infinite linear;
          animation: spin-left 20s infinite linear;
}
#video .video__deco__star.star2 {
  transform: rotateY(-180deg) translateX(-10vw) translateY(4vw);
  opacity: 0;
  transition: all 0.8s 1s ease;
}
@media only screen and (max-width: 768px) {
  #video .video__deco__star.star2 {
    transform: rotateY(-180deg) translateX(-15.625vw) translateY(6.25vw);
  }
}
#video .video__deco__star.star3 {
  transform: rotate(-180deg) translateY(4vw) translateX(-10vw);
  opacity: 0;
  transition: all 0.8s 1.2s ease;
}
@media only screen and (max-width: 768px) {
  #video .video__deco__star.star3 {
    transform: rotate(-180deg) translateY(6.25vw) translateX(-15.625vw);
  }
}
#video .video__deco__star.star3 img {
  -webkit-animation: spin-right 20s infinite linear;
          animation: spin-right 20s infinite linear;
}
#video .video__frame {
  opacity: 0;
  transform: translateX(-50%) scale(1.1);
  transition: all 0.5s 1s ease;
}
#video .video__list {
  opacity: 0;
  transition: all 0.8s 1.2s ease;
}
#video.move-on .video__deco__star.star1, #video.move-on .video__deco__star.star2, #video.move-on .video__deco__star.star3 {
  transform: rotate(0deg) translate(0);
  opacity: 1;
}
#video.move-on .video__frame {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
#video.move-on .video__list {
  opacity: 1;
}

#member {
  padding: 130px 0 106px;
  margin-bottom: 0;
  background: url(../img/member/bg_deco-pc.webp) no-repeat top center, linear-gradient(180deg, rgba(255, 255, 255, 0), white 15%);
  background-size: cover;
}
@media only screen and (max-width: 1465px) {
  #member {
    padding: 8.843537415vw 0 7.2108843537vw;
  }
}
@media only screen and (max-width: 768px) {
  #member {
    padding: 16.875vw 0 9.0625vw;
    background: url(../img/member/bg_deco-sp.webp) no-repeat top 29.21875vw center, linear-gradient(180deg, rgba(255, 255, 255, 0), white 15%);
    background-size: 100% auto, cover;
  }
}
#member::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5vw;
  background: url("../img/member/bg_btm-pc.png") no-repeat bottom center;
  background-size: 100% auto;
}
@media only screen and (max-width: 768px) {
  #member::after {
    top: calc(100% - 1px);
    height: 9.0625vw;
    background-image: url(../img/member/bg_btm-sp.png);
  }
}
#member .sec__ttlBox {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1465px) {
  #member .sec__ttlBox {
    margin-bottom: 5.4421768707vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .sec__ttlBox {
    margin-bottom: 12.1875vw;
    gap: 0 0.78125vw;
  }
}
#member .sec__ttlBox__title {
  width: 489px;
}
@media only screen and (max-width: 1465px) {
  #member .sec__ttlBox__title {
    width: 33.2653061224vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .sec__ttlBox__title {
    width: 54.0625vw;
  }
}
#member .sec__ttlBox__title__star {
  bottom: 82px;
  left: 148px;
}
@media only screen and (max-width: 1465px) {
  #member .sec__ttlBox__title__star {
    bottom: 5.5782312925vw;
    left: 10.0680272109vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .sec__ttlBox__title__star {
    bottom: 9.0625vw;
    left: 16.5625vw;
  }
}
#member .sec__ttlBox__title__star svg path {
  fill: #EBFF00;
}
#member .member__deco {
  pointer-events: none;
}
#member .member__deco__star {
  position: absolute;
}
#member .member__deco__star.star1 {
  width: 460px;
  top: 14px;
  right: calc(50% - 1109px);
}
@media only screen and (max-width: 1250px) {
  #member .member__deco__star.star1 {
    width: 36.8vw;
    top: 1.12vw;
    right: calc(50% - 88.72vw);
  }
}
@media only screen and (max-width: 768px) {
  #member .member__deco__star.star1 {
    width: 29.53125vw;
    top: 20.9375vw;
    right: -14.375vw;
  }
}
#member .member__deco__star.star2 {
  width: 418px;
  top: 247px;
  right: calc(50% - 925px);
}
@media only screen and (max-width: 1250px) {
  #member .member__deco__star.star2 {
    width: 33.44vw;
    top: 19.76vw;
    right: calc(50% - 74vw);
  }
}
@media only screen and (max-width: 768px) {
  #member .member__deco__star.star2 {
    width: 47.65625vw;
    top: 37.03125vw;
    right: 1.5625vw;
  }
}
#member .member__deco__star.star3 {
  width: 1094px;
  top: 178px;
  left: calc(50% - 765px);
}
@media only screen and (max-width: 1250px) {
  #member .member__deco__star.star3 {
    width: 87.52vw;
    top: 14.24vw;
    left: calc(50% - 61.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #member .member__deco__star.star3 {
    width: 90.625vw;
    top: 31.5625vw;
    left: 2.1875vw;
  }
}
#member .member__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px 45px;
  width: 1425px;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (max-width: 1465px) {
  #member .member__list {
    gap: 5.4421768707vw 3.0612244898vw;
    width: 96.9387755102vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list {
    display: grid;
    grid-template-columns: repeat(3, 25.625vw);
    gap: 7.03125vw 5vw;
  }
}
#member .member__list__item {
  position: relative;
  width: 200px;
  height: 348px;
  border-radius: 100px;
  background-color: #fff;
  border: 1.5px solid #000;
  box-sizing: border-box;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item {
    width: 13.6054421769vw;
    height: 23.6734693878vw;
    border-radius: 6.8027210884vw;
    border: 0.1020408163vw solid #000;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item {
    width: 100%;
    height: 44.6875vw;
    border-radius: 31.25vw;
  }
}
#member .member__list__item a {
  display: block;
  height: 100%;
}
#member .member__list__item__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  overflow: hidden;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item__wrap {
    border-radius: 6.8027210884vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item__wrap {
    border-radius: 15.625vw;
  }
}
#member .member__list__item__wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 100%;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 768px) {
  #member .member__list__item__wrap::before {
    width: 100%;
  }
}
#member .member__list__item__illust {
  position: relative;
  transition: all 0.4s ease;
  transform-origin: top center;
}
#member .member__list__item__name {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item__name {
    top: -1.768707483vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item__name {
    top: -3.125vw;
  }
}
#member .member__list__item__name svg {
  width: 100%;
  height: auto;
}
#member .member__list__item__star {
  position: absolute;
  bottom: 14px;
  left: 13px;
  width: 200px;
  pointer-events: none;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item__star {
    bottom: 0.9523809524vw;
    left: 0.8843537415vw;
    width: 13.6054421769vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item__star {
    bottom: 1.875vw;
    left: 1.71875vw;
    width: 25.9375vw;
  }
}
#member .member__list__item__star svg {
  width: 100%;
  height: auto;
}
#member .member__list__item__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#member .member__list__item__frame::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 28px;
  display: block;
  width: 10px;
  height: 10px;
  border: 1.5px solid #000;
  border-radius: 50px;
  background-color: #EBFF00;
  box-sizing: border-box;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item__frame::before {
    top: 1.3605442177vw;
    left: 1.9047619048vw;
    width: 0.6802721088vw;
    height: 0.6802721088vw;
    border: 0.1020408163vw solid #000;
    border-radius: 3.4013605442vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item__frame::before {
    top: 2.65625vw;
    left: 3.75vw;
    width: 1.25vw;
    height: 1.25vw;
    border: 0.234375vw solid #000;
    border-radius: 7.8125vw;
  }
}
#member .member__list__item__frame::after {
  content: "";
  position: absolute;
  bottom: 45px;
  right: 8px;
  display: block;
  width: 10px;
  height: 10px;
  border: 1.5px solid #000;
  border-radius: 50px;
  background-color: #fff;
  box-sizing: border-box;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item__frame::after {
    bottom: 3.0612244898vw;
    right: 0.5442176871vw;
    width: 0.6802721088vw;
    height: 0.6802721088vw;
    border: 0.1020408163vw solid #000;
    border-radius: 3.4013605442vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item__frame::after {
    bottom: 5.625vw;
    right: 1.25vw;
    width: 1.25vw;
    height: 1.25vw;
    border: 0.234375vw solid #000;
    border-radius: 7.8125vw;
  }
}
#member .member__list__item:hover .member__list__item__wrap::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
@media only screen and (max-width: 768px) {
  #member .member__list__item:hover .member__list__item__wrap::before {
    transform: translate(-50%, -50%);
  }
}
#member .member__list__item:hover .member__list__item__illust {
  transform: scale(1.15);
}
@media only screen and (max-width: 768px) {
  #member .member__list__item:hover .member__list__item__illust {
    transform: scale(1);
  }
}
#member .member__list__item.mori .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #650d20, #c91940);
}
#member .member__list__item.mori .member__list__item__name {
  width: 131px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.mori .member__list__item__name {
    width: 8.9115646259vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.mori .member__list__item__name {
    width: 15.9375vw;
  }
}
#member .member__list__item.kiara .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #7c2911, #f85122);
}
#member .member__list__item.kiara .member__list__item__name {
  top: -27px;
  width: 163px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.kiara .member__list__item__name {
    top: -1.8367346939vw;
    width: 11.0884353741vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.kiara .member__list__item__name {
    top: -3.125vw;
    width: 19.84375vw;
  }
}
#member .member__list__item.inanis .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #312b3f, #62567e);
}
#member .member__list__item.inanis .member__list__item__name {
  top: -24px;
  left: 50.5%;
  width: 156px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.inanis .member__list__item__name {
    top: -1.6326530612vw;
    width: 10.612244898vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.inanis .member__list__item__name {
    top: -2.8125vw;
    width: 19.53125vw;
  }
}
#member .member__list__item.irys .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #710f2e, #e11e5b);
}
#member .member__list__item.irys .member__list__item__name {
  width: 47px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.irys .member__list__item__name {
    width: 3.1972789116vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.irys .member__list__item__name {
    width: 6.25vw;
  }
}
#member .member__list__item.kronii .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #101946, #20318b);
}
#member .member__list__item.kronii .member__list__item__name {
  left: 51%;
  width: 120px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.kronii .member__list__item__name {
    width: 8.1632653061vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.kronii .member__list__item__name {
    width: 15.625vw;
  }
}
#member .member__list__item.hakos .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #6c130d, #d7251a);
}
#member .member__list__item.hakos .member__list__item__name {
  width: 123px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.hakos .member__list__item__name {
    width: 8.3673469388vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.hakos .member__list__item__name {
    width: 15.625vw;
  }
}
#member .member__list__item.shiori .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #5c5067, #b8a0cd);
}
#member .member__list__item.shiori .member__list__item__name {
  left: 51%;
  width: 134px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.shiori .member__list__item__name {
    width: 9.1156462585vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.shiori .member__list__item__name {
    width: 16.875vw;
  }
}
#member .member__list__item.koseki .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #372e7a, #6e5bf4);
}
#member .member__list__item.koseki .member__list__item__name {
  left: 51%;
  width: 124px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.koseki .member__list__item__name {
    width: 8.4353741497vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.koseki .member__list__item__name {
    width: 16.40625vw;
  }
}
#member .member__list__item.nerissa .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #111a7e, #2233fb);
}
#member .member__list__item.nerissa .member__list__item__name {
  left: 51%;
  width: 179px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.nerissa .member__list__item__name {
    width: 12.1768707483vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.nerissa .member__list__item__name {
    width: 22.34375vw;
  }
}
#member .member__list__item.fuwawa .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #345980, #67b2ff);
}
#member .member__list__item.fuwawa .member__list__item__name {
  width: 185px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.fuwawa .member__list__item__name {
    width: 12.5850340136vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.fuwawa .member__list__item__name {
    width: 22.1875vw;
  }
}
#member .member__list__item.mococo .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #7c5365, #f7a6ca);
}
#member .member__list__item.mococo .member__list__item__name {
  width: 177px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.mococo .member__list__item__name {
    width: 12.0408163265vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.mococo .member__list__item__name {
    width: 20.46875vw;
  }
}
#member .member__list__item.elizabeth {
  margin-left: 100px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.elizabeth {
    margin-left: 6.8027210884vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.elizabeth {
    margin-left: 0;
  }
}
#member .member__list__item.elizabeth .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #641c1e, #c7383b);
}
#member .member__list__item.elizabeth .member__list__item__name {
  top: -24px;
  left: 49.5%;
  width: 214px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.elizabeth .member__list__item__name {
    top: -1.6326530612vw;
    width: 14.5578231293vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.elizabeth .member__list__item__name {
    top: -2.8125vw;
    width: 27.5vw;
  }
}
#member .member__list__item.gigi .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #7f5a20, #fdb440);
}
#member .member__list__item.gigi .member__list__item__name {
  width: 105px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.gigi .member__list__item__name {
    width: 7.1428571429vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.gigi .member__list__item__name {
    width: 13.28125vw;
  }
}
#member .member__list__item.cecilia .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #094d2e, #119a5c);
}
#member .member__list__item.cecilia .member__list__item__name {
  top: -23px;
  width: 177px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.cecilia .member__list__item__name {
    top: -1.5646258503vw;
    width: 12.0408163265vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.cecilia .member__list__item__name {
    top: -2.8125vw;
    width: 21.875vw;
  }
}
#member .member__list__item.raora {
  margin-right: 100px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.raora {
    margin-right: 6.8027210884vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.raora {
    margin-right: 0;
  }
}
#member .member__list__item.raora .member__list__item__wrap::before {
  background-image: linear-gradient(0deg, #784455, #f087a9);
}
#member .member__list__item.raora .member__list__item__name {
  top: -23px;
  width: 156px;
}
@media only screen and (max-width: 1465px) {
  #member .member__list__item.raora .member__list__item__name {
    top: -1.5646258503vw;
    width: 10.612244898vw;
  }
}
@media only screen and (max-width: 768px) {
  #member .member__list__item.raora .member__list__item__name {
    top: -2.65625vw;
    width: 18.75vw;
  }
}
#member .member__list__item {
  transform: rotateY(180deg);
  opacity: 0;
  transition: all 0.8s 1s ease;
}
#member .member__list__item__wrap {
  opacity: 0;
  transition: all 0.8s 1.5s ease;
}
#member .member__list__item__name {
  opacity: 0;
  transform: translateX(-50%) translateY(30px);
  transition: all 0.8s 2s ease;
}
#member.move-on .member__list__item {
  opacity: 1;
  transform: rotateY(0deg);
}
#member.move-on .member__list__item__wrap {
  opacity: 1;
}
#member.move-on .member__list__item__name {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

#poem {
  padding: 205px 0 243px;
  margin-top: 5vw;
  margin-bottom: 0;
  background: url(../img/poem/bg_btm-pc.webp) no-repeat bottom center;
  background-size: 100% auto;
}
@media only screen and (max-width: 1250px) {
  #poem {
    padding: 16.4vw 0 19.44vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem {
    padding: 38.4375vw 0 29.6875vw;
    margin-top: 9.0625vw;
    background-image: url(../img/poem/bg_btm-sp.webp);
  }
}
@media only screen and (max-width: 768px) {
  #poem .sec__inner {
    width: 100%;
  }
}
#poem .poem__deco {
  pointer-events: none;
}
#poem .poem__deco__star {
  position: absolute;
}
#poem .poem__deco__star.star1 {
  width: 1485px;
  top: -224px;
  right: calc(50% - 1082px);
  z-index: -1;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star1 {
    width: 118.8vw;
    top: -17.92vw;
    right: calc(50% - 86.56vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star1 {
    width: 155.46875vw;
    top: -27.5vw;
    right: -51.71875vw;
  }
}
#poem .poem__deco__star.star2 {
  width: 262px;
  top: 72px;
  left: calc(50% - 568px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star2 {
    width: 20.96vw;
    top: 5.76vw;
    left: calc(50% - 45.44vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star2 {
    width: 24.0625vw;
    top: 48.125vw;
    left: 9.6875vw;
  }
}
#poem .poem__deco__star.star3 {
  width: 640px;
  top: 260px;
  left: calc(50% - 1082px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star3 {
    width: 51.2vw;
    top: 20.8vw;
    left: calc(50% - 86.56vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star3 {
    width: 58.75vw;
    top: 65.3125vw;
    left: -15vw;
  }
}
#poem .poem__deco__star.star4 {
  width: 94px;
  top: 990px;
  left: calc(50% - 598px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star4 {
    width: 7.52vw;
    top: 79.2vw;
    left: calc(50% - 47.84vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star4 {
    width: 8.59375vw;
    top: 132.8125vw;
    left: 6.25vw;
  }
}
#poem .poem__deco__star.star5 {
  width: 1094px;
  top: 25px;
  left: calc(50% - 454px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star5 {
    width: 87.52vw;
    top: 2vw;
    left: calc(50% - 36.32vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star5 {
    width: 102.34375vw;
    top: 13.75vw;
    left: 14.0625vw;
  }
}
#poem .poem__deco__star.star6 {
  width: 73px;
  top: 4px;
  left: calc(50% - 609px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star6 {
    width: 5.84vw;
    top: 0.32vw;
    left: calc(50% - 48.72vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star6 {
    width: 6.71875vw;
    top: 11.71875vw;
    left: 0;
  }
}
#poem .poem__deco__star.star7 {
  width: 138px;
  top: 28px;
  right: calc(50% - 750px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star7 {
    width: 11.04vw;
    top: 2.24vw;
    right: calc(50% - 60vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star7 {
    width: 12.65625vw;
    top: 44.375vw;
    right: -7.03125vw;
  }
}
#poem .poem__deco__star.star8 {
  width: 100px;
  top: 664px;
  left: calc(50% - 400px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star8 {
    width: 8vw;
    top: 53.12vw;
    left: calc(50% - 32vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star8 {
    width: 9.0625vw;
    top: 102.8125vw;
    left: 1.5625vw;
  }
}
#poem .poem__deco__star.star9 {
  width: 62px;
  top: 104px;
  left: calc(50% - 664px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star9 {
    width: 4.96vw;
    top: 8.32vw;
    left: calc(50% - 53.12vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star9 {
    display: none;
  }
}
#poem .poem__deco__star.star10 {
  width: 50px;
  top: 62px;
  right: calc(50% - 502px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star10 {
    width: 4vw;
    top: 4.96vw;
    right: calc(50% - 40.16vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star10 {
    width: 4.53125vw;
    top: 47.1875vw;
    right: 15.625vw;
  }
}
#poem .poem__deco__star.star11 {
  width: 44px;
  top: 280px;
  right: calc(50% - 790px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star11 {
    width: 3.52vw;
    top: 22.4vw;
    right: calc(50% - 63.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star11 {
    display: none;
  }
}
#poem .poem__deco__star.star12 {
  width: 330px;
  top: 572px;
  right: calc(50% - 626px);
}
@media only screen and (max-width: 1250px) {
  #poem .poem__deco__star.star12 {
    width: 26.4vw;
    top: 45.76vw;
    right: calc(50% - 50.08vw);
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star12 {
    width: 33.4375vw;
    top: 94.0625vw;
    right: -1.71875vw;
  }
}
#poem .poem__deco__star.star13 {
  display: none;
}
@media only screen and (max-width: 768px) {
  #poem .poem__deco__star.star13 {
    display: block;
    width: 11.25vw;
    bottom: 87.5vw;
    right: 3.4375vw;
  }
}
#poem .poem__txtBox {
  position: relative;
  text-align: center;
  z-index: 2;
}
#poem .poem__txtBox p {
  font-size: 46px;
  font-style: italic;
  line-height: 1;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox p {
    font-size: 3.68vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox p {
    font-size: 6.5625vw;
    line-height: 1.3;
  }
}
#poem .poem__txtBox.txt1 {
  margin-bottom: 138px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt1 {
    margin-bottom: 11.04vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt1 {
    margin-bottom: 11.5625vw;
  }
}
#poem .poem__txtBox.txt2 {
  margin-bottom: 84px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt2 {
    margin-bottom: 6.72vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt2 {
    margin-bottom: 3.125vw;
  }
}
#poem .poem__txtBox.txt3 {
  margin-bottom: 83px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt3 {
    margin-bottom: 6.64vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt3 {
    margin-bottom: 11.5625vw;
  }
}
#poem .poem__txtBox.txt4 {
  margin-bottom: 115px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt4 {
    margin-bottom: 9.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt4 {
    margin-bottom: 8.4375vw;
  }
}
#poem .poem__txtBox.txt5 {
  margin-bottom: 88px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt5 {
    margin-bottom: 7.04vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt5 {
    margin-bottom: 9.375vw;
  }
}
#poem .poem__txtBox.txt6 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt6 {
    margin-bottom: 0.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt6 {
    margin-bottom: 6.25vw;
  }
}
#poem .poem__txtBox.txt6 p {
  font-size: 68px;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt6 p {
    font-size: 5.44vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt6 p {
    font-size: 10vw;
    line-height: 1.2;
  }
}
#poem .poem__txtBox.txt7 p {
  font-size: 150px;
  color: #fff;
}
@media only screen and (max-width: 1250px) {
  #poem .poem__txtBox.txt7 p {
    font-size: 12vw;
  }
}
@media only screen and (max-width: 768px) {
  #poem .poem__txtBox.txt7 p {
    font-size: 17.5vw;
    line-height: 1;
  }
}
#poem .poem__deco__star {
  opacity: 0;
  transition: all 5s 0.5s ease-out;
}
#poem .poem__deco__star.star1 img {
  -webkit-animation: spin-right 40s infinite linear;
          animation: spin-right 40s infinite linear;
}
#poem .poem__deco__star.star-right {
  transform: scale(0) translateX(-100px) translateY(100px);
}
#poem .poem__deco__star.star-left {
  transform: scale(0) translateX(100px) translateY(100px);
}
#poem .poem__txtBox:not(.txt7, .txt6) {
  transform: scaleX(0.5);
  opacity: 0;
  transition: all 1.5s ease;
}
#poem .poem__txtBox.txt2 {
  transition-delay: 0.5s;
}
#poem .poem__txtBox.txt3 {
  transition-delay: 1s;
}
#poem .poem__txtBox.txt4 {
  transition-delay: 1.5s;
}
#poem .poem__txtBox.txt5 {
  transition-delay: 2s;
}
#poem .poem__txtBox.txt6 p {
  display: flex;
  justify-content: center;
}
#poem .poem__txtBox.txt6 p span {
  display: inline-block;
  transform: rotateX(-80deg) scale(1.5) translateX(-20px) translateY(50px);
  opacity: 0;
  transition: all 0.2s 2.5s ease-in-out;
}
#poem .poem__txtBox.txt6 p span:nth-child(2) {
  transition-delay: 2.6s;
}
#poem .poem__txtBox.txt6 p span:nth-child(3) {
  transition-delay: 2.7s;
}
#poem .poem__txtBox.txt6 p span:nth-child(4) {
  transition-delay: 2.8s;
}
#poem .poem__txtBox.txt6 p span:nth-child(6) {
  transition-delay: 2.9s;
}
#poem .poem__txtBox.txt6 p span:nth-child(7) {
  transition-delay: 3s;
}
#poem .poem__txtBox.txt6 p span:nth-child(8) {
  transition-delay: 3.1s;
}
#poem .poem__txtBox.txt6 p span:nth-child(9) {
  transition-delay: 3.2s;
}
#poem .poem__txtBox.txt6 p span:nth-child(10) {
  transition-delay: 3.3s;
}
#poem .poem__txtBox.txt6 p span:nth-child(11) {
  transition-delay: 3.4s;
}
#poem .poem__txtBox.txt6 p span:nth-child(13) {
  transition-delay: 3.5s;
}
#poem .poem__txtBox.txt6 p span:nth-child(14) {
  transition-delay: 3.6s;
}
#poem .poem__txtBox.txt6 p span.space {
  width: 0.3em;
}
#poem .poem__txtBox.txt7 p {
  color: #000;
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.4s 3.8s ease-in-out;
}
#poem.move-on .poem__deco__star {
  opacity: 1;
  transform: scale(1) translate(0);
}
#poem.move-on .poem__txtBox:not(.txt7, .txt6) {
  transform: scaleX(1);
  opacity: 1;
}
#poem.move-on .poem__txtBox.txt6 p span {
  transform: rotate(0deg) scale(1) translate(0);
  opacity: 1;
}
#poem.move-on .poem__txtBox.txt7 p {
  transform: scale(1);
  opacity: 1;
  color: #fff;
}

#modal-block .member__modal {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  margin: 0;
}
#modal-block .member__modal__wrap {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__wrap {
    height: 100%;
    overflow: auto;
  }
}
#modal-block .member__modal__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#modal-block .member__modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#modal-block .member__modal__frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 92px);
  height: calc(100% - 72px);
  background-image: url("../img/member/modal_frame_line01-pc.png"), url("../img/member/modal_frame_line01-pc.png"), url("../img/member/modal_frame_line02-pc.png"), url("../img/member/modal_frame_line02-pc.png");
  background-position: center left 10px, center right 10px, top center, bottom center;
  background-repeat: no-repeat;
  background-size: auto calc(100% - 116px), auto calc(100% - 116px), calc(100% - 116px) auto, calc(100% - 116px) auto;
  pointer-events: none;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__frame {
    width: calc(100% - 4.6vw);
    height: calc(100% - 3.6vw);
    background-position: center left 0.5vw, center right 0.5vw, top center, bottom center;
    background-size: auto calc(100% - 5.8vw), auto calc(100% - 5.8vw), calc(100% - 5.8vw) auto, calc(100% - 5.8vw) auto;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__frame {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 2.65625vw;
    transform: unset;
    width: calc(100% - 5.3125vw);
    height: 100vh;
    background-image: url("../img/member/modal_frame_line01-sp.png"), url("../img/member/modal_frame_line01-sp.png"), url("../img/member/modal_frame_line02-sp.png"), url("../img/member/modal_frame_line02-sp.png");
    background-size: 3.75vw calc(100% - 23.4375vw), 3.75vw calc(100% - 23.4375vw), calc(100% - 17.1875vw) auto, calc(100% - 17.1875vw) auto;
    background-position: center left 1.5625vw, center right 1.5625vw, top 3.90625vw center, bottom 3.90625vw center;
  }
}
#modal-block .member__modal__frame::before {
  content: "";
  position: absolute;
  top: 54px;
  right: 82px;
  width: 90px;
  height: 30px;
  background: url(../img/member/modal_frame_text.png) no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__frame::before {
    top: 2.7vw;
    right: 4.1vw;
    width: 4.5vw;
    height: 1.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__frame::before {
    top: 10.3125vw;
    right: 13.75vw;
    width: 15.3125vw;
    height: 4.6875vw;
  }
}
#modal-block .member__modal__frame span {
  position: absolute;
  display: block;
  width: 43px;
  height: 50px;
  background: url(../img/member/modal_frame_deco.png) no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__frame span {
    width: 2.15vw;
    height: 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__frame span {
    width: 6.71875vw;
    height: 7.8125vw;
  }
}
#modal-block .member__modal__frame span:nth-child(1) {
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__frame span:nth-child(1) {
    top: 2.34375vw;
  }
}
#modal-block .member__modal__frame span:nth-child(2) {
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__frame span:nth-child(2) {
    bottom: 2.34375vw;
  }
}
#modal-block .member__modal__frame span:nth-child(3) {
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__frame span:nth-child(3) {
    bottom: 2.34375vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__prev, #modal-block .member__modal__next {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 2.8125vw;
    height: 100vh;
    width: 9.375vw;
    display: flex;
    align-items: center;
    margin-top: -100vh;
    z-index: 3;
  }
}
#modal-block .member__modal__prev a, #modal-block .member__modal__next a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 60px;
  z-index: 3;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__prev a, #modal-block .member__modal__next a {
    width: 3vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__prev a, #modal-block .member__modal__next a {
    position: static;
    top: 0;
    left: 0;
    transform: unset;
    width: 9.375vw;
  }
}
#modal-block .member__modal__prev a {
  left: 36px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__prev a {
    left: 1.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__prev a {
    left: 2.65625vw;
  }
}
#modal-block .member__modal__prev a img {
  transform: scale(-1, 1);
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__next {
    left: calc(100% - 12.1875vw);
  }
}
#modal-block .member__modal__next a {
  right: 36px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__next a {
    right: 1.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__next a {
    right: 2.65625vw;
  }
}
#modal-block .member__modal__box {
  height: 100vh;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__box {
    margin-top: -100vh;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }
}
#modal-block .member__modal__con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -100vh;
  height: 100%;
  min-height: 100vh;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__con {
    margin-top: 0;
    height: auto;
    overflow: hidden;
    width: 100%;
    min-height: auto;
  }
}
#modal-block .member__modal__con__wrap {
  position: relative;
  top: 0;
  left: calc(50% - 178px);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 920px;
  height: auto;
  padding: 70px 20px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__con__wrap {
    left: calc(50% - 8.9vw);
    width: 46vw;
    padding: 3.5vw 1vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__con__wrap {
    width: auto;
    left: 0;
    margin-top: 0;
    padding: 0vw 1.875vw 9.375vw;
    overflow: auto;
  }
}
#modal-block .member__modal__con__wrap::-webkit-scrollbar {
  display: none;
}
#modal-block .member__modal__illBox {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__illBox {
    position: relative;
  }
}
#modal-block .member__modal__illust {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
#modal-block .member__modal__illust img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#modal-block .member__modal__name {
  margin: 0 -100px 56px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__name {
    margin: 0 -5vw 2.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__name {
    margin: 0 0 7.8125vw;
  }
}
#modal-block .member__modal__name p {
  color: #fff;
  line-height: 1;
  text-align: left;
}
#modal-block .member__modal__name p.jp {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__name p.jp {
    font-size: 1vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__name p.jp {
    font-size: 3.125vw;
    text-align: left;
    margin-bottom: 0.78125vw;
  }
}
#modal-block .member__modal__name p.en {
  font-size: 120px;
  font-weight: bold;
  font-style: italic;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__name p.en {
    font-size: 6vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__name p.en {
    font-size: 12.8125vw;
  }
}
#modal-block .member__modal__detail {
  position: relative;
  width: 100%;
  padding: 58px 130px 80px;
  border-radius: 200px;
  border: 1px solid #000;
  box-sizing: border-box;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail {
    padding: 2.9vw 6.5vw 4vw;
    border-radius: 10vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail {
    width: 82.5vw;
    margin: 0 auto;
    padding: 9.0625vw 4.6875vw 25.3125vw;
    border-radius: 31.25vw;
  }
}
#modal-block .member__modal__detail::before, #modal-block .member__modal__detail::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  border: 1px solid #000;
  box-sizing: border-box;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail::before, #modal-block .member__modal__detail::after {
    width: 1.4vw;
    height: 1.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail::before, #modal-block .member__modal__detail::after {
    width: 4.375vw;
    height: 4.375vw;
  }
}
#modal-block .member__modal__detail::before {
  top: 194px;
  right: -14px;
  background-color: #fff;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail::before {
    top: 9.7vw;
    right: -0.7vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail::before {
    top: 46.875vw;
    right: -2.1875vw;
  }
}
#modal-block .member__modal__detail::after {
  bottom: 42px;
  left: 40px;
  background-color: #EBFF00;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail::after {
    bottom: 2.1vw;
    left: 2vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail::after {
    bottom: 7.03125vw;
    left: 6.875vw;
  }
}
#modal-block .member__modal__detail__deco {
  position: absolute;
  width: 300px;
  top: -22px;
  left: -2px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__deco {
    width: 15vw;
    top: -1.1vw;
    left: -0.1vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__deco {
    width: 49.0625vw;
    top: -3.4375vw;
    left: -0.3125vw;
  }
}
#modal-block .member__modal__detail__deco svg {
  width: 100%;
  height: auto;
}
#modal-block .member__modal__detail__link {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0 30px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__link {
    gap: 0 1.5vw;
    margin-bottom: 1vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__link {
    margin-bottom: 6.25vw;
  }
}
#modal-block .member__modal__detail__link li a {
  display: flex;
  align-items: center;
  gap: 0 16px;
  font-size: 22px;
  line-height: 1;
  height: 44px;
  color: #000;
  font-family: "Bigshot One", serif;
  padding: 0 14px 0 20px;
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid #000;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__link li a {
    gap: 0 0.8vw;
    font-size: 1.1vw;
    height: 2.2vw;
    padding: 0 0.7vw 0 1vw;
    border-radius: 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__link li a {
    gap: 0 2.5vw;
    font-size: 3.4375vw;
    height: 6.875vw;
    padding: 0 2.1875vw 0 3.125vw;
    border-radius: 7.8125vw;
  }
}
#modal-block .member__modal__detail__text {
  position: relative;
  color: #fff;
  line-height: 1.8;
  font-size: 18px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__text {
    font-size: 0.9vw;
    margin-bottom: 2.25vw;
  }
}
@media only screen and (max-width: 1250px) {
  #modal-block .member__modal__detail__text {
    font-size: 1.12vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__text {
    font-size: 3.4375vw;
    margin-bottom: 7.03125vw;
  }
}
#modal-block .member__modal__detail__profile {
  position: relative;
  display: grid;
  grid-template-columns: 235px 1fr;
  border-top: 1px solid #fff;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__profile {
    grid-template-columns: 11.75vw 1fr;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__profile {
    grid-template-columns: 25.78125vw 1fr;
  }
}
#modal-block .member__modal__detail__profile dt, #modal-block .member__modal__detail__profile dd {
  line-height: 54px;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__profile dt, #modal-block .member__modal__detail__profile dd {
    line-height: 2.7vw;
    font-size: 0.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__profile dt, #modal-block .member__modal__detail__profile dd {
    line-height: 7.8125vw;
    font-size: 3.125vw;
  }
}
#modal-block .member__modal__detail__profile dt {
  position: relative;
}
#modal-block .member__modal__detail__profile dt::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 100%;
  width: 1px;
  height: 10px;
  background-color: #fff;
}
@media only screen and (max-width: 2000px) {
  #modal-block .member__modal__detail__profile dt::after {
    bottom: -0.25vw;
    width: 0.05vw;
    height: 0.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block .member__modal__detail__profile dt::after {
    bottom: -0.78125vw;
    width: 0.15625vw;
    height: 1.5625vw;
  }
}
#modal-block #mori .member__modal__illBox {
  width: 979px;
  left: calc(50% - 862px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #mori .member__modal__illBox {
    width: 48.95vw;
    left: calc(50% - 43.1vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #mori .member__modal__illBox {
    width: 118.75vw;
    padding-top: 11.875vw;
    left: 8.4375vw;
  }
}
#modal-block #mori .member__modal__bg {
  background-image: url("../img/member/modal_bg_mori-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #mori .member__modal__bg {
    background-image: url("../img/member/modal_bg_mori-sp.webp");
  }
}
#modal-block #mori .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(101, 13, 32, 0.8), rgba(201, 25, 64, 0.8));
}
#modal-block #kiara .member__modal__illBox {
  width: 378px;
  left: calc(50% - 648px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #kiara .member__modal__illBox {
    width: 18.9vw;
    left: calc(50% - 32.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #kiara .member__modal__illBox {
    width: 46.25vw;
    padding-top: 11.71875vw;
    left: -6.875vw;
  }
}
#modal-block #kiara .member__modal__bg {
  background-image: url("../img/member/modal_bg_kiara-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #kiara .member__modal__bg {
    background-image: url("../img/member/modal_bg_kiara-sp.webp");
  }
}
#modal-block #kiara .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(124, 41, 17, 0.8), rgba(248, 81, 34, 0.8));
}
#modal-block #inanis .member__modal__illBox {
  width: 734px;
  left: calc(50% - 796px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #inanis .member__modal__illBox {
    width: 36.7vw;
    left: calc(50% - 39.8vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #inanis .member__modal__illBox {
    width: 88.4375vw;
    padding-top: 2.34375vw;
    left: 0;
  }
}
#modal-block #inanis .member__modal__bg {
  background-image: url("../img/member/modal_bg_inanis-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #inanis .member__modal__bg {
    background-image: url("../img/member/modal_bg_inanis-sp.webp");
  }
}
#modal-block #inanis .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(49, 43, 63, 0.8), rgba(98, 86, 126, 0.8));
}
#modal-block #irys .member__modal__illBox {
  width: 453px;
  left: calc(50% - 646px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #irys .member__modal__illBox {
    width: 22.65vw;
    left: calc(50% - 32.3vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #irys .member__modal__illBox {
    width: 54.375vw;
    padding-top: 10.625vw;
    left: 0;
  }
}
#modal-block #irys .member__modal__bg {
  background-image: url("../img/member/modal_bg_irys-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #irys .member__modal__bg {
    background-image: url("../img/member/modal_bg_irys-sp.webp");
  }
}
#modal-block #irys .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(113, 15, 46, 0.8), rgba(225, 30, 91, 0.8));
}
#modal-block #kronii .member__modal__illBox {
  width: 548px;
  left: calc(50% - 644px);
  margin-top: -80px;
  height: calc(100% + 100px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #kronii .member__modal__illBox {
    width: 27.4vw;
    height: calc(100% + 5vw);
    left: calc(50% - 32.2vw);
    margin-top: -5vw;
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #kronii .member__modal__illBox {
    width: 65.3125vw;
    top: -5.9375vw;
    left: 4.0625vw;
  }
}
#modal-block #kronii .member__modal__bg {
  background-image: url("../img/member/modal_bg_kronii-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #kronii .member__modal__bg {
    background-image: url("../img/member/modal_bg_kronii-sp.webp");
  }
}
#modal-block #kronii .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(16, 25, 70, 0.8), rgba(32, 49, 139, 0.8));
}
#modal-block #hakos .member__modal__illBox {
  width: 416px;
  left: calc(50% - 648px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #hakos .member__modal__illBox {
    width: 20.8vw;
    left: calc(50% - 32.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #hakos .member__modal__illBox {
    width: 51.25vw;
    padding-top: 9.375vw;
    left: 0;
  }
}
#modal-block #hakos .member__modal__bg {
  background-image: url("../img/member/modal_bg_hakos-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #hakos .member__modal__bg {
    background-image: url("../img/member/modal_bg_hakos-sp.webp");
  }
}
#modal-block #hakos .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(108, 19, 13, 0.8), rgba(215, 37, 26, 0.8));
}
#modal-block #shiori .member__modal__illBox {
  width: 395px;
  left: calc(50% - 660px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #shiori .member__modal__illBox {
    width: 19.75vw;
    left: calc(50% - 33vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #shiori .member__modal__illBox {
    width: 50vw;
    padding-top: 13.59375vw;
    left: 0;
  }
}
#modal-block #shiori .member__modal__bg {
  background-image: url("../img/member/modal_bg_shiori-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #shiori .member__modal__bg {
    background-image: url("../img/member/modal_bg_shiori-sp.webp");
  }
}
#modal-block #shiori .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(92, 80, 103, 0.8), rgba(184, 160, 205, 0.8));
}
#modal-block #koseki .member__modal__illBox {
  width: 600px;
  left: calc(50% - 764px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #koseki .member__modal__illBox {
    width: 30vw;
    left: calc(50% - 38.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #koseki .member__modal__illBox {
    width: 74.375vw;
    padding-top: 10.625vw;
    left: 0;
  }
}
#modal-block #koseki .member__modal__bg {
  background-image: url("../img/member/modal_bg_koseki-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #koseki .member__modal__bg {
    background-image: url("../img/member/modal_bg_koseki-sp.webp");
  }
}
#modal-block #koseki .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(55, 46, 122, 0.8), rgba(110, 91, 244, 0.8));
}
#modal-block #nerissa .member__modal__illBox {
  width: 595px;
  left: calc(50% - 760px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #nerissa .member__modal__illBox {
    width: 29.75vw;
    left: calc(50% - 38vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #nerissa .member__modal__illBox {
    width: 74.375vw;
    padding-top: 0.9375vw;
    left: -5vw;
  }
}
#modal-block #nerissa .member__modal__bg {
  background-image: url("../img/member/modal_bg_nerissa-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #nerissa .member__modal__bg {
    background-image: url("../img/member/modal_bg_nerissa-sp.webp");
  }
}
#modal-block #nerissa .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(17, 26, 126, 0.8), rgba(34, 51, 251, 0.8));
}
#modal-block #fuwawa .member__modal__illBox {
  width: 430px;
  left: calc(50% - 628px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #fuwawa .member__modal__illBox {
    width: 21.5vw;
    left: calc(50% - 31.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #fuwawa .member__modal__illBox {
    width: 55.9375vw;
    padding-top: 10.15625vw;
    left: -2.34375vw;
  }
}
#modal-block #fuwawa .member__modal__bg {
  background-image: url("../img/member/modal_bg_fuwawa-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #fuwawa .member__modal__bg {
    background-image: url("../img/member/modal_bg_fuwawa-sp.webp");
  }
}
#modal-block #fuwawa .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(52, 89, 128, 0.8), rgba(103, 178, 255, 0.8));
}
#modal-block #mococo .member__modal__illBox {
  width: 440px;
  left: calc(50% - 682px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #mococo .member__modal__illBox {
    width: 22vw;
    left: calc(50% - 34.1vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #mococo .member__modal__illBox {
    width: 55.3125vw;
    padding-top: 12.1875vw;
    left: 0;
  }
}
#modal-block #mococo .member__modal__bg {
  background-image: url("../img/member/modal_bg_mococo-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #mococo .member__modal__bg {
    background-image: url("../img/member/modal_bg_mococo-sp.webp");
  }
}
#modal-block #mococo .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(124, 83, 101, 0.8), rgba(247, 166, 202, 0.8));
}
#modal-block #elizabeth .member__modal__illBox {
  width: 751px;
  left: calc(50% - 772px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #elizabeth .member__modal__illBox {
    width: 37.55vw;
    left: calc(50% - 38.6vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #elizabeth .member__modal__illBox {
    width: 83.75vw;
    padding-top: 8.59375vw;
    left: 0;
  }
}
#modal-block #elizabeth .member__modal__bg {
  background-image: url("../img/member/modal_bg_elizabeth-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #elizabeth .member__modal__bg {
    background-image: url("../img/member/modal_bg_elizabeth-sp.webp");
  }
}
#modal-block #elizabeth .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(100, 28, 30, 0.8), rgba(199, 56, 59, 0.8));
}
#modal-block #gigi .member__modal__illBox {
  width: 842px;
  left: calc(50% - 868px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #gigi .member__modal__illBox {
    width: 42.1vw;
    left: calc(50% - 43.4vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #gigi .member__modal__illBox {
    width: 101.25vw;
    padding-top: 13.4375vw;
    left: -1.875vw;
  }
}
#modal-block #gigi .member__modal__bg {
  background-image: url("../img/member/modal_bg_gigi-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #gigi .member__modal__bg {
    background-image: url("../img/member/modal_bg_gigi-sp.webp");
  }
}
#modal-block #gigi .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(127, 90, 32, 0.8), rgba(253, 180, 64, 0.8));
}
#modal-block #cecilia .member__modal__illBox {
  width: 771px;
  left: calc(50% - 822px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #cecilia .member__modal__illBox {
    width: 38.55vw;
    left: calc(50% - 41.1vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #cecilia .member__modal__illBox {
    width: 94.6875vw;
    padding-top: 4.21875vw;
    left: 8.125vw;
  }
}
#modal-block #cecilia .member__modal__bg {
  background-image: url("../img/member/modal_bg_cecilia-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #cecilia .member__modal__bg {
    background-image: url("../img/member/modal_bg_cecilia-sp.webp");
  }
}
#modal-block #cecilia .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(9, 77, 46, 0.8), rgba(17, 154, 92, 0.8));
}
#modal-block #raora .member__modal__illBox {
  width: 811px;
  left: calc(50% - 880px);
}
@media only screen and (max-width: 2000px) {
  #modal-block #raora .member__modal__illBox {
    width: 40.55vw;
    left: calc(50% - 44vw);
  }
}
@media only screen and (max-width: 768px) {
  #modal-block #raora .member__modal__illBox {
    width: 93.75vw;
    padding-top: 10.625vw;
    left: 0;
  }
}
#modal-block #raora .member__modal__bg {
  background-image: url("../img/member/modal_bg_raora-pc.webp");
}
@media only screen and (max-width: 768px) {
  #modal-block #raora .member__modal__bg {
    background-image: url("../img/member/modal_bg_raora-sp.webp");
  }
}
#modal-block #raora .member__modal__detail {
  background-image: linear-gradient(90deg, rgba(120, 68, 85, 0.8), rgba(240, 135, 169, 0.8));
}