@charset "UTF-8";
body {
  margin: 0;
}

.glitch {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.glitch::before, .glitch::after,
.glitch .channel {
  background: inherit;
  background-size: contain;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

@-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 spin-right-center {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); /* 360度回転 */
  }
}
@keyframes spin-right-center {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); /* 360度回転 */
  }
}
@-webkit-keyframes arrow-fade {
  0% {
    fill: rgba(255, 255, 255, 0); /* 初期位置 */
  }
  40% {
    fill: #B100FF;
  }
  80% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@keyframes arrow-fade {
  0% {
    fill: rgba(255, 255, 255, 0); /* 初期位置 */
  }
  40% {
    fill: #B100FF;
  }
  80% {
    fill: #fff;
  }
  100% {
    fill: #fff;
  }
}
@-webkit-keyframes scaleFit {
  0% {
    transform: scale(0.5); /* 初期位置 */
  }
  75% {
    transform: scale(1.03); /* 初期位置 */
  }
  100% {
    transform: scale(1); /* 初期位置 */
  }
}
@keyframes scaleFit {
  0% {
    transform: scale(0.5); /* 初期位置 */
  }
  75% {
    transform: scale(1.03); /* 初期位置 */
  }
  100% {
    transform: scale(1); /* 初期位置 */
  }
}
@-webkit-keyframes poemSlide {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes poemSlide {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes fontChange {
  0% {
    font-family: "DotGothic16", sans-serif;
  }
  80% {
    font-family: "Zen Old Mincho", serif;
    transform: skewY(5deg) scale(1.2);
  }
  100% {
    font-family: "Shippori Antique", sans-serif;
    transform: skewY(0deg);
    font-weight: normal;
  }
}
@keyframes fontChange {
  0% {
    font-family: "DotGothic16", sans-serif;
  }
  80% {
    font-family: "Zen Old Mincho", serif;
    transform: skewY(5deg) scale(1.2);
  }
  100% {
    font-family: "Shippori Antique", sans-serif;
    transform: skewY(0deg);
    font-weight: normal;
  }
}
@-webkit-keyframes albumAnime {
  0% {
    background: #fff;
  }
  20% {
    background: #8337E6;
  }
  40% {
    background: #831550;
  }
  60% {
    background: #FB33BF;
  }
  80% {
    background: #61C3BB;
  }
  100% {
    background: #fff;
  }
}
@keyframes albumAnime {
  0% {
    background: #fff;
  }
  20% {
    background: #8337E6;
  }
  40% {
    background: #831550;
  }
  60% {
    background: #FB33BF;
  }
  80% {
    background: #61C3BB;
  }
  100% {
    background: #fff;
  }
}
/*=============================================================
 tools
=============================================================*/
.page {
  position: relative;
  padding: 78px 0 210px;
}
@media only screen and (max-width: 768px) {
  .page {
    padding: 18.75vw 0 37.5vw;
  }
}
.page__ttlBox {
  position: relative;
  text-align: center;
  margin-bottom: 65px;
}
@media only screen and (max-width: 1350px) {
  .page__ttlBox {
    margin-bottom: 4.8148148148vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__ttlBox {
    margin-bottom: 6.25vw;
  }
}
.page__ttlBox__title {
  position: relative;
  width: 1010px;
  margin: 0 auto;
}
@media only screen and (max-width: 1350px) {
  .page__ttlBox__title {
    width: 74.8148148148vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__ttlBox__title {
    width: 81.25vw;
  }
}
.page__ttlBox__jp {
  position: absolute;
  top: calc(100% - 14px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1350px) {
  .page__ttlBox__jp {
    top: calc(100% - 1.037037037vw);
    font-size: 1.9259259259vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__ttlBox__jp {
    top: calc(100% - 4.0625vw);
    font-size: 3.125vw;
  }
}
.page__ttlBox__title {
  opacity: 0;
  transform: scale(1.2);
  transition: all 0.6s ease;
}
.page__ttlBox__jp {
  opacity: 0;
  filter: blur(10px);
  transform: translateX(-50%) translateY(-20px);
  transition: all 0.8s 0.3s ease;
}
.page #content {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s 0.6s ease;
}
.page.move-on .page__ttlBox__title {
  opacity: 1;
  transform: scale(1) translateY(0px);
}
.page.move-on .page__ttlBox__title .glitch::before {
  -webkit-animation: glitch-before 3s linear infinite alternate both;
          animation: glitch-before 3s linear infinite alternate both;
  content: "";
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@-webkit-keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 8.7411666931%, 100% 8.7411666931%, 100% 15.3816583133%, 0% 15.3816583133%);
            clip-path: polygon(0% 8.7411666931%, 100% 8.7411666931%, 100% 15.3816583133%, 0% 15.3816583133%);
    transform: translate(1.9703124104%, -0.471575949%);
    opacity: 1;
  }
  2% {
    -webkit-clip-path: polygon(0% 45.7641946632%, 100% 45.7641946632%, 100% 53.4893941294%, 0% 53.4893941294%);
            clip-path: polygon(0% 45.7641946632%, 100% 45.7641946632%, 100% 53.4893941294%, 0% 53.4893941294%);
    transform: translate(-7.3707690875%, -0.4951645488%);
    opacity: 1;
  }
  4% {
    -webkit-clip-path: polygon(0% 63.3143242862%, 100% 63.3143242862%, 100% 69.4162550564%, 0% 69.4162550564%);
            clip-path: polygon(0% 63.3143242862%, 100% 63.3143242862%, 100% 69.4162550564%, 0% 69.4162550564%);
    transform: translate(-2.5155516656%, 0.345303669%);
    opacity: 1;
  }
  6% {
    -webkit-clip-path: polygon(0% 88.9392770003%, 100% 88.9392770003%, 100% 96.5637395306%, 0% 96.5637395306%);
            clip-path: polygon(0% 88.9392770003%, 100% 88.9392770003%, 100% 96.5637395306%, 0% 96.5637395306%);
    transform: translate(-7.7454332969%, 0.179391275%);
    opacity: 1;
  }
  8% {
    -webkit-clip-path: polygon(0% 41.5530918454%, 100% 41.5530918454%, 100% 47.337049082%, 0% 47.337049082%);
            clip-path: polygon(0% 41.5530918454%, 100% 41.5530918454%, 100% 47.337049082%, 0% 47.337049082%);
    transform: translate(-2.3804861919%, 0.1147867798%);
    opacity: 1;
  }
  10% {
    -webkit-clip-path: polygon(0% 23.7219021075%, 100% 23.7219021075%, 100% 27.3569574391%, 0% 27.3569574391%);
            clip-path: polygon(0% 23.7219021075%, 100% 23.7219021075%, 100% 27.3569574391%, 0% 27.3569574391%);
    transform: translate(7.7738780224%, -0.0834704804%);
    opacity: 1;
  }
  12% {
    -webkit-clip-path: polygon(0% 40.5895353264%, 100% 40.5895353264%, 100% 49.1446613121%, 0% 49.1446613121%);
            clip-path: polygon(0% 40.5895353264%, 100% 40.5895353264%, 100% 49.1446613121%, 0% 49.1446613121%);
    transform: translate(4.6500862833%, -0.1419931319%);
    opacity: 1;
  }
  14% {
    -webkit-clip-path: polygon(0% 60.2189100482%, 100% 60.2189100482%, 100% 68.0213334946%, 0% 68.0213334946%);
            clip-path: polygon(0% 60.2189100482%, 100% 60.2189100482%, 100% 68.0213334946%, 0% 68.0213334946%);
    transform: translate(0.8189542828%, 0.3020231133%);
    opacity: 1;
  }
  16% {
    -webkit-clip-path: polygon(0% 35.7310811673%, 100% 35.7310811673%, 100% 39.5226501787%, 0% 39.5226501787%);
            clip-path: polygon(0% 35.7310811673%, 100% 35.7310811673%, 100% 39.5226501787%, 0% 39.5226501787%);
    transform: translate(0.1542561702%, 0.478376772%);
    opacity: 1;
  }
  18% {
    -webkit-clip-path: polygon(0% 30.2595360516%, 100% 30.2595360516%, 100% 36.96150049%, 0% 36.96150049%);
            clip-path: polygon(0% 30.2595360516%, 100% 30.2595360516%, 100% 36.96150049%, 0% 36.96150049%);
    transform: translate(-3.5875783955%, -0.3862543135%);
    opacity: 1;
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
    opacity: 0;
  }
}
@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 8.7411666931%, 100% 8.7411666931%, 100% 15.3816583133%, 0% 15.3816583133%);
            clip-path: polygon(0% 8.7411666931%, 100% 8.7411666931%, 100% 15.3816583133%, 0% 15.3816583133%);
    transform: translate(1.9703124104%, -0.471575949%);
    opacity: 1;
  }
  2% {
    -webkit-clip-path: polygon(0% 45.7641946632%, 100% 45.7641946632%, 100% 53.4893941294%, 0% 53.4893941294%);
            clip-path: polygon(0% 45.7641946632%, 100% 45.7641946632%, 100% 53.4893941294%, 0% 53.4893941294%);
    transform: translate(-7.3707690875%, -0.4951645488%);
    opacity: 1;
  }
  4% {
    -webkit-clip-path: polygon(0% 63.3143242862%, 100% 63.3143242862%, 100% 69.4162550564%, 0% 69.4162550564%);
            clip-path: polygon(0% 63.3143242862%, 100% 63.3143242862%, 100% 69.4162550564%, 0% 69.4162550564%);
    transform: translate(-2.5155516656%, 0.345303669%);
    opacity: 1;
  }
  6% {
    -webkit-clip-path: polygon(0% 88.9392770003%, 100% 88.9392770003%, 100% 96.5637395306%, 0% 96.5637395306%);
            clip-path: polygon(0% 88.9392770003%, 100% 88.9392770003%, 100% 96.5637395306%, 0% 96.5637395306%);
    transform: translate(-7.7454332969%, 0.179391275%);
    opacity: 1;
  }
  8% {
    -webkit-clip-path: polygon(0% 41.5530918454%, 100% 41.5530918454%, 100% 47.337049082%, 0% 47.337049082%);
            clip-path: polygon(0% 41.5530918454%, 100% 41.5530918454%, 100% 47.337049082%, 0% 47.337049082%);
    transform: translate(-2.3804861919%, 0.1147867798%);
    opacity: 1;
  }
  10% {
    -webkit-clip-path: polygon(0% 23.7219021075%, 100% 23.7219021075%, 100% 27.3569574391%, 0% 27.3569574391%);
            clip-path: polygon(0% 23.7219021075%, 100% 23.7219021075%, 100% 27.3569574391%, 0% 27.3569574391%);
    transform: translate(7.7738780224%, -0.0834704804%);
    opacity: 1;
  }
  12% {
    -webkit-clip-path: polygon(0% 40.5895353264%, 100% 40.5895353264%, 100% 49.1446613121%, 0% 49.1446613121%);
            clip-path: polygon(0% 40.5895353264%, 100% 40.5895353264%, 100% 49.1446613121%, 0% 49.1446613121%);
    transform: translate(4.6500862833%, -0.1419931319%);
    opacity: 1;
  }
  14% {
    -webkit-clip-path: polygon(0% 60.2189100482%, 100% 60.2189100482%, 100% 68.0213334946%, 0% 68.0213334946%);
            clip-path: polygon(0% 60.2189100482%, 100% 60.2189100482%, 100% 68.0213334946%, 0% 68.0213334946%);
    transform: translate(0.8189542828%, 0.3020231133%);
    opacity: 1;
  }
  16% {
    -webkit-clip-path: polygon(0% 35.7310811673%, 100% 35.7310811673%, 100% 39.5226501787%, 0% 39.5226501787%);
            clip-path: polygon(0% 35.7310811673%, 100% 35.7310811673%, 100% 39.5226501787%, 0% 39.5226501787%);
    transform: translate(0.1542561702%, 0.478376772%);
    opacity: 1;
  }
  18% {
    -webkit-clip-path: polygon(0% 30.2595360516%, 100% 30.2595360516%, 100% 36.96150049%, 0% 36.96150049%);
            clip-path: polygon(0% 30.2595360516%, 100% 30.2595360516%, 100% 36.96150049%, 0% 36.96150049%);
    transform: translate(-3.5875783955%, -0.3862543135%);
    opacity: 1;
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
    opacity: 0;
  }
}
.page.move-on .page__ttlBox__title .glitch::after {
  -webkit-animation: glitch-after 3s linear infinite alternate both;
          animation: glitch-after 3s linear infinite alternate both;
  content: "";
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@-webkit-keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 18.9788432145%, 100% 18.9788432145%, 100% 21.5606555503%, 0% 21.5606555503%);
            clip-path: polygon(0% 18.9788432145%, 100% 18.9788432145%, 100% 21.5606555503%, 0% 21.5606555503%);
    transform: translate(4.3591305966%, 0.0703062381%);
    opacity: 1;
  }
  2% {
    -webkit-clip-path: polygon(0% 7.4874642932%, 100% 7.4874642932%, 100% 16.2734582455%, 0% 16.2734582455%);
            clip-path: polygon(0% 7.4874642932%, 100% 7.4874642932%, 100% 16.2734582455%, 0% 16.2734582455%);
    transform: translate(-7.6771873454%, 0.2948681205%);
    opacity: 1;
  }
  4% {
    -webkit-clip-path: polygon(0% 77.2483071933%, 100% 77.2483071933%, 100% 86.4332074439%, 0% 86.4332074439%);
            clip-path: polygon(0% 77.2483071933%, 100% 77.2483071933%, 100% 86.4332074439%, 0% 86.4332074439%);
    transform: translate(6.8400399544%, -0.0570434725%);
    opacity: 1;
  }
  6% {
    -webkit-clip-path: polygon(0% 49.5774874193%, 100% 49.5774874193%, 100% 52.320916632%, 0% 52.320916632%);
            clip-path: polygon(0% 49.5774874193%, 100% 49.5774874193%, 100% 52.320916632%, 0% 52.320916632%);
    transform: translate(-7.6518273875%, 0.4153610311%);
    opacity: 1;
  }
  8% {
    -webkit-clip-path: polygon(0% 18.1019589423%, 100% 18.1019589423%, 100% 26.4571093183%, 0% 26.4571093183%);
            clip-path: polygon(0% 18.1019589423%, 100% 18.1019589423%, 100% 26.4571093183%, 0% 26.4571093183%);
    transform: translate(1.4655713232%, 0.3092396899%);
    opacity: 1;
  }
  10% {
    -webkit-clip-path: polygon(0% 22.7582119407%, 100% 22.7582119407%, 100% 24.1219887084%, 0% 24.1219887084%);
            clip-path: polygon(0% 22.7582119407%, 100% 22.7582119407%, 100% 24.1219887084%, 0% 24.1219887084%);
    transform: translate(-4.4483653142%, 0.1322723121%);
    opacity: 1;
  }
  12% {
    -webkit-clip-path: polygon(0% 47.6772321162%, 100% 47.6772321162%, 100% 49.6816016215%, 0% 49.6816016215%);
            clip-path: polygon(0% 47.6772321162%, 100% 47.6772321162%, 100% 49.6816016215%, 0% 49.6816016215%);
    transform: translate(-2.5988944963%, -0.3548198418%);
    opacity: 1;
  }
  14% {
    -webkit-clip-path: polygon(0% 83.2328898995%, 100% 83.2328898995%, 100% 85.9778835539%, 0% 85.9778835539%);
            clip-path: polygon(0% 83.2328898995%, 100% 83.2328898995%, 100% 85.9778835539%, 0% 85.9778835539%);
    transform: translate(-3.2857654835%, -0.2204734994%);
    opacity: 1;
  }
  16% {
    -webkit-clip-path: polygon(0% 73.7061581362%, 100% 73.7061581362%, 100% 81.1932793179%, 0% 81.1932793179%);
            clip-path: polygon(0% 73.7061581362%, 100% 73.7061581362%, 100% 81.1932793179%, 0% 81.1932793179%);
    transform: translate(2.7263121809%, -0.0648652927%);
    opacity: 1;
  }
  18% {
    -webkit-clip-path: polygon(0% 69.7152043527%, 100% 69.7152043527%, 100% 73.5985586387%, 0% 73.5985586387%);
            clip-path: polygon(0% 69.7152043527%, 100% 69.7152043527%, 100% 73.5985586387%, 0% 73.5985586387%);
    transform: translate(-5.0652203953%, -0.1356690965%);
    opacity: 1;
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
    opacity: 0;
  }
}
@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 18.9788432145%, 100% 18.9788432145%, 100% 21.5606555503%, 0% 21.5606555503%);
            clip-path: polygon(0% 18.9788432145%, 100% 18.9788432145%, 100% 21.5606555503%, 0% 21.5606555503%);
    transform: translate(4.3591305966%, 0.0703062381%);
    opacity: 1;
  }
  2% {
    -webkit-clip-path: polygon(0% 7.4874642932%, 100% 7.4874642932%, 100% 16.2734582455%, 0% 16.2734582455%);
            clip-path: polygon(0% 7.4874642932%, 100% 7.4874642932%, 100% 16.2734582455%, 0% 16.2734582455%);
    transform: translate(-7.6771873454%, 0.2948681205%);
    opacity: 1;
  }
  4% {
    -webkit-clip-path: polygon(0% 77.2483071933%, 100% 77.2483071933%, 100% 86.4332074439%, 0% 86.4332074439%);
            clip-path: polygon(0% 77.2483071933%, 100% 77.2483071933%, 100% 86.4332074439%, 0% 86.4332074439%);
    transform: translate(6.8400399544%, -0.0570434725%);
    opacity: 1;
  }
  6% {
    -webkit-clip-path: polygon(0% 49.5774874193%, 100% 49.5774874193%, 100% 52.320916632%, 0% 52.320916632%);
            clip-path: polygon(0% 49.5774874193%, 100% 49.5774874193%, 100% 52.320916632%, 0% 52.320916632%);
    transform: translate(-7.6518273875%, 0.4153610311%);
    opacity: 1;
  }
  8% {
    -webkit-clip-path: polygon(0% 18.1019589423%, 100% 18.1019589423%, 100% 26.4571093183%, 0% 26.4571093183%);
            clip-path: polygon(0% 18.1019589423%, 100% 18.1019589423%, 100% 26.4571093183%, 0% 26.4571093183%);
    transform: translate(1.4655713232%, 0.3092396899%);
    opacity: 1;
  }
  10% {
    -webkit-clip-path: polygon(0% 22.7582119407%, 100% 22.7582119407%, 100% 24.1219887084%, 0% 24.1219887084%);
            clip-path: polygon(0% 22.7582119407%, 100% 22.7582119407%, 100% 24.1219887084%, 0% 24.1219887084%);
    transform: translate(-4.4483653142%, 0.1322723121%);
    opacity: 1;
  }
  12% {
    -webkit-clip-path: polygon(0% 47.6772321162%, 100% 47.6772321162%, 100% 49.6816016215%, 0% 49.6816016215%);
            clip-path: polygon(0% 47.6772321162%, 100% 47.6772321162%, 100% 49.6816016215%, 0% 49.6816016215%);
    transform: translate(-2.5988944963%, -0.3548198418%);
    opacity: 1;
  }
  14% {
    -webkit-clip-path: polygon(0% 83.2328898995%, 100% 83.2328898995%, 100% 85.9778835539%, 0% 85.9778835539%);
            clip-path: polygon(0% 83.2328898995%, 100% 83.2328898995%, 100% 85.9778835539%, 0% 85.9778835539%);
    transform: translate(-3.2857654835%, -0.2204734994%);
    opacity: 1;
  }
  16% {
    -webkit-clip-path: polygon(0% 73.7061581362%, 100% 73.7061581362%, 100% 81.1932793179%, 0% 81.1932793179%);
            clip-path: polygon(0% 73.7061581362%, 100% 73.7061581362%, 100% 81.1932793179%, 0% 81.1932793179%);
    transform: translate(2.7263121809%, -0.0648652927%);
    opacity: 1;
  }
  18% {
    -webkit-clip-path: polygon(0% 69.7152043527%, 100% 69.7152043527%, 100% 73.5985586387%, 0% 73.5985586387%);
            clip-path: polygon(0% 69.7152043527%, 100% 69.7152043527%, 100% 73.5985586387%, 0% 73.5985586387%);
    transform: translate(-5.0652203953%, -0.1356690965%);
    opacity: 1;
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
    opacity: 0;
  }
}
.page.move-on .page__ttlBox__title .glitch .r {
  -webkit-animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes rgb-shift-r {
  0% {
    transform: translate(0.0698347001%, -0.2348110397%);
  }
  2% {
    transform: translate(0.520923806%, 0.1758846416%);
  }
  4% {
    transform: translate(0.3836906345%, -0.3187924493%);
  }
  6% {
    transform: translate(-1.7879563654%, 0.38364634%);
  }
  8% {
    transform: translate(1.4606977456%, 0.0157259383%);
  }
  10% {
    transform: translate(0.4196151563%, 0.4539941451%);
  }
  12% {
    transform: translate(-0.5331329349%, 0.4339858623%);
  }
  14% {
    transform: translate(0.3492871013%, 0.3314429138%);
  }
  16% {
    transform: translate(1.2094223795%, 0.2376230533%);
  }
  18% {
    transform: translate(1.0131653275%, -0.0966783635%);
  }
  20%, 100% {
    transform: none;
  }
}
@keyframes rgb-shift-r {
  0% {
    transform: translate(0.0698347001%, -0.2348110397%);
  }
  2% {
    transform: translate(0.520923806%, 0.1758846416%);
  }
  4% {
    transform: translate(0.3836906345%, -0.3187924493%);
  }
  6% {
    transform: translate(-1.7879563654%, 0.38364634%);
  }
  8% {
    transform: translate(1.4606977456%, 0.0157259383%);
  }
  10% {
    transform: translate(0.4196151563%, 0.4539941451%);
  }
  12% {
    transform: translate(-0.5331329349%, 0.4339858623%);
  }
  14% {
    transform: translate(0.3492871013%, 0.3314429138%);
  }
  16% {
    transform: translate(1.2094223795%, 0.2376230533%);
  }
  18% {
    transform: translate(1.0131653275%, -0.0966783635%);
  }
  20%, 100% {
    transform: none;
  }
}
.page.move-on .page__ttlBox__title .glitch .g {
  -webkit-animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes rgb-shift-g {
  0% {
    transform: translate(0.8763035294%, 0.3499195385%);
  }
  2% {
    transform: translate(-1.1509083065%, 0.1163111264%);
  }
  4% {
    transform: translate(0.8356452564%, 0.1121669654%);
  }
  6% {
    transform: translate(1.3902964317%, -0.2423096869%);
  }
  8% {
    transform: translate(-0.8196292771%, -0.3311017597%);
  }
  10% {
    transform: translate(1.0677884312%, -0.2480436845%);
  }
  12% {
    transform: translate(-0.7780180995%, -0.1907744102%);
  }
  14% {
    transform: translate(0.8255036879%, 0.3702283079%);
  }
  16% {
    transform: translate(-0.8798159703%, -0.3691305253%);
  }
  18% {
    transform: translate(-0.3368978272%, 0.2861147536%);
  }
  20%, 100% {
    transform: none;
  }
}
@keyframes rgb-shift-g {
  0% {
    transform: translate(0.8763035294%, 0.3499195385%);
  }
  2% {
    transform: translate(-1.1509083065%, 0.1163111264%);
  }
  4% {
    transform: translate(0.8356452564%, 0.1121669654%);
  }
  6% {
    transform: translate(1.3902964317%, -0.2423096869%);
  }
  8% {
    transform: translate(-0.8196292771%, -0.3311017597%);
  }
  10% {
    transform: translate(1.0677884312%, -0.2480436845%);
  }
  12% {
    transform: translate(-0.7780180995%, -0.1907744102%);
  }
  14% {
    transform: translate(0.8255036879%, 0.3702283079%);
  }
  16% {
    transform: translate(-0.8798159703%, -0.3691305253%);
  }
  18% {
    transform: translate(-0.3368978272%, 0.2861147536%);
  }
  20%, 100% {
    transform: none;
  }
}
.page.move-on .page__ttlBox__title .glitch .b {
  -webkit-animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes rgb-shift-b {
  0% {
    transform: translate(1.9713676522%, -0.2503060672%);
  }
  2% {
    transform: translate(-1.23911908%, -0.0077032515%);
  }
  4% {
    transform: translate(-1.9060624676%, 0.3616673521%);
  }
  6% {
    transform: translate(-0.1923333832%, -0.0732282687%);
  }
  8% {
    transform: translate(-1.6252384017%, 0.4352383119%);
  }
  10% {
    transform: translate(-1.0969420646%, -0.0677290298%);
  }
  12% {
    transform: translate(-1.3901422314%, -0.2951315055%);
  }
  14% {
    transform: translate(-0.0640719373%, 0.4405250248%);
  }
  16% {
    transform: translate(1.7767627138%, 0.4145176315%);
  }
  18% {
    transform: translate(1.0477918845%, -0.4629229156%);
  }
  20%, 100% {
    transform: none;
  }
}
@keyframes rgb-shift-b {
  0% {
    transform: translate(1.9713676522%, -0.2503060672%);
  }
  2% {
    transform: translate(-1.23911908%, -0.0077032515%);
  }
  4% {
    transform: translate(-1.9060624676%, 0.3616673521%);
  }
  6% {
    transform: translate(-0.1923333832%, -0.0732282687%);
  }
  8% {
    transform: translate(-1.6252384017%, 0.4352383119%);
  }
  10% {
    transform: translate(-1.0969420646%, -0.0677290298%);
  }
  12% {
    transform: translate(-1.3901422314%, -0.2951315055%);
  }
  14% {
    transform: translate(-0.0640719373%, 0.4405250248%);
  }
  16% {
    transform: translate(1.7767627138%, 0.4145176315%);
  }
  18% {
    transform: translate(1.0477918845%, -0.4629229156%);
  }
  20%, 100% {
    transform: none;
  }
}
.page.move-on .page__ttlBox__jp {
  opacity: 1;
  filter: blur(0px);
  transform: translateX(-50%) translateY(0px);
}
.page.move-on #content {
  opacity: 1;
  transform: translateY(0px);
}
.page__inner {
  width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1350px) {
  .page__inner {
    width: 88.8888888889vw;
  }
}
.page__lineBlock {
  position: relative;
  padding: 40px 0 60px;
  border: 1px solid #B100FF;
  border-radius: 45px 0 45px 0;
  background-color: rgba(0, 0, 0, 0.6);
  margin-bottom: 40px;
}
@media only screen and (max-width: 1350px) {
  .page__lineBlock {
    padding: 2.962962963vw 0 4.4444444444vw;
    margin-bottom: 2.962962963vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__lineBlock {
    padding: 4.6875vw 0 3.90625vw;
    margin-bottom: 6.25vw;
    border-radius: 7.03125vw 0 7.03125vw 0;
  }
}
.page__lineBlock::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 493px;
  height: 141px;
  background: url("../img/parts/line_block_left_pl.png") no-repeat top left;
  background-size: contain;
}
@media only screen and (max-width: 1350px) {
  .page__lineBlock::before {
    top: -0.3703703704vw;
    left: -1px;
    width: 36.5185185185vw;
    height: 10.4444444444vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__lineBlock::before {
    top: -0.78125vw;
    left: -1px;
    width: 77.96875vw;
    height: 22.03125vw;
  }
}
.page__lineBlock::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 60px;
  height: 134px;
  background: url("../img/parts/line_block_right_pl.png") no-repeat bottom right;
  background-size: contain;
}
@media only screen and (max-width: 1350px) {
  .page__lineBlock::after {
    width: 4.4444444444vw;
    right: -1px;
    height: 9.9259259259vw;
  }
}
@media only screen and (max-width: 768px) {
  .page__lineBlock::after {
    width: 9.375vw;
    right: -1px;
    height: 21.40625vw;
  }
}
.page .con__ttlBox {
  text-align: center;
  padding: 18px 0 0;
  min-height: 137px;
  margin-bottom: 20px;
  background: url("../img/parts/bg_con_ttl-pc.png") no-repeat top center;
  background-size: 358px 137px;
}
@media only screen and (max-width: 768px) {
  .page .con__ttlBox {
    padding: 2.8125vw 0 0;
    min-height: 25.46875vw;
    margin-bottom: 0;
    background-image: url("../img/parts/bg_con_ttl-sp.png");
    background-size: 59.6875vw 25.46875vw;
  }
}
.page .con__ttlBox__sub {
  font-size: 14px;
  font-family: "Dela Gothic One", sans-serif;
  line-height: 1.3;
  color: #fff;
  padding-bottom: 16px;
  margin-bottom: 15px;
  background: url("../img/parts/bg_con_ttl_line.png") no-repeat bottom center;
  background-size: 60px 6px;
}
@media only screen and (max-width: 768px) {
  .page .con__ttlBox__sub {
    font-size: 2.8125vw;
    padding-bottom: 2.5vw;
    margin-bottom: 0;
    background-size: 9.375vw 0.9375vw;
  }
}
.page .con__ttlBox__title {
  font-size: 40px;
  line-height: 1.3;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page .con__ttlBox__title {
    font-size: 6.875vw;
  }
}
.page .lang__change {
  display: flex;
  justify-content: right;
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  .page .lang__change {
    justify-content: center;
    margin-bottom: 6.25vw;
  }
}
.page .lang__change__list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 202px;
  height: 50px;
  gap: 0 4px;
  background: url("../img/parts/bg_lang.png") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page .lang__change__list {
    width: 31.5625vw;
    height: 7.8125vw;
    gap: 0 0.625vw;
  }
}
.page .lang__change__list__item {
  position: relative;
  color: #fff;
}
.page .lang__change__list__item__base {
  opacity: 0;
  width: 90px;
  transition: all 0.25s ease;
}
@media only screen and (max-width: 768px) {
  .page .lang__change__list__item__base {
    width: 14.0625vw;
  }
}
.page .lang__change__list__item__base svg {
  width: 100%;
  height: auto;
}
.page .lang__change__list__item__base svg path {
  transition: all 0.25s ease;
}
.page .lang__change__list__item a {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
}
@media only screen and (max-width: 768px) {
  .page .lang__change__list__item a {
    font-size: 2.5vw;
  }
}
.page .lang__change__list__item:hover .lang__change__list__item__base {
  opacity: 0.2;
}
@media only screen and (max-width: 768px) {
  .page .lang__change__list__item:hover .lang__change__list__item__base {
    opacity: 0;
  }
}
.page .lang__change__list__item.current .lang__change__list__item__base {
  opacity: 1;
}
.page .lang__change__list__item.current .lang__change__list__item__base svg path {
  fill: #ffeb55;
}
.page .lang__change__list__item.current a {
  color: #000;
}
.page .detail__block {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 50px;
}
@media only screen and (max-width: 1350px) {
  .page .detail__block {
    width: 74.0740740741vw;
    padding: 3.7037037037vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block {
    width: 81.25vw;
    padding: 5.46875vw 3.125vw;
  }
}
.page .detail__block__wrap {
  position: relative;
}
.page .detail__block h3 {
  position: relative;
  display: flex;
  gap: 0 5px;
  font-size: 24px;
  line-height: 1.3;
  color: #FFEB55;
  padding: 10px 20px;
  margin: 1.5em 0 1em;
  border-top: 1px solid #B100FF;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h3 {
    gap: 0 2.34375vw;
    font-size: 4.375vw;
    padding: 1.5625vw 0vw;
  }
}
.page .detail__block h3::before {
  content: "";
  width: 56px;
  height: 19px;
  margin-top: 6px;
  background: url("../img/parts/h_deco01.svg") no-repeat top center;
  background-size: contain;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h3::before {
    margin-top: 0.78125vw;
    width: 8.75vw;
    height: 2.96875vw;
  }
}
.page .detail__block h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22px;
  background: linear-gradient(#B100FF, #B100FF) left bottom/calc(100% - 20px - 10px) 1px no-repeat, url("../img/parts/h_frame.png") no-repeat bottom right;
  background-size: calc(100% - 20px - 10px) 1px, 51px 100%;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h3::after {
    height: 3.4375vw;
    background: linear-gradient(#B100FF, #B100FF) left bottom/calc(100% - 3.125vw - 1.5625vw) 1px no-repeat, url("../img/parts/h_frame.png") no-repeat bottom right;
    background-size: calc(100% - 3.125vw - 1.5625vw) 1px, 7.96875vw 100%;
  }
}
.page .detail__block h4 {
  display: flex;
  gap: 0 10px;
  font-size: 20px;
  line-height: 1.3;
  color: #FFEB55;
  padding: 10px 20px;
  margin: 1.4em 0 0.7em;
  border-top: 1px solid #B100FF;
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h4 {
    gap: 0 1.5625vw;
    font-size: 3.75vw;
    padding: 1.5625vw 3.125vw;
  }
}
.page .detail__block h4::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: 12px;
  background-color: #B100FF;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h4::before {
    width: 1.09375vw;
    height: 1.09375vw;
    margin-top: 2.03125vw;
  }
}
.page .detail__block h5 {
  display: flex;
  gap: 0 10px;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  padding: 0.2em 20px 0.3em;
  margin: 1em 0 0.5em;
  background-color: #B100FF;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h5 {
    gap: 0 1.5625vw;
    font-size: 3.125vw;
    padding: 0.2em 3.125vw 0.3em;
  }
}
.page .detail__block h5::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-top: 4px;
  background: url("../img/parts/parts_x_line_wh.svg") no-repeat top center;
  background-size: contain;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .page .detail__block h5::before {
    margin-top: 1.09375vw;
    width: 2.03125vw;
    height: 2.03125vw;
  }
}
.page .detail__block h6 {
  font-size: 16px;
  color: #FFEB55;
}
.page .detail__block strong {
  color: #FFEB55;
}
.page .detail__block p {
  font-size: 16px;
  line-height: 1.8;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page .detail__block p {
    font-size: 3.125vw;
  }
}
.page .detail__block p a {
  color: #FFEB55;
  text-decoration: none;
}
.page .detail__block p a:hover {
  text-decoration: underline;
}
.page .detail__block .wp-block-image {
  margin: 2.5em 0;
  text-align: center;
}
.page .detail__block .wp-block-image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-image img {
    width: 100%;
  }
}
.page .detail__block .wp-block-button {
  display: inline-block;
  position: relative;
  margin: 1.5em 30px;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button {
    display: block;
    margin: 1.5em 4.6875vw;
  }
}
.page .detail__block .wp-block-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 0.2px);
  display: block;
  width: 30px;
  height: 100%;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background-color: #fff;
  transition: all 0.25s ease;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button::before {
    width: 4.6875vw;
  }
}
.page .detail__block .wp-block-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 0.2px);
  display: block;
  width: 30px;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #fff;
  transition: all 0.25s ease;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button::after {
    width: 4.6875vw;
  }
}
.page .detail__block .wp-block-button a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 40px;
  height: 100%;
  font-size: 24px;
  line-height: 1.1;
  color: #B100FF;
  padding: 10px 0;
  background-color: #fff;
  text-decoration: none;
  transition: all 0.25s ease;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button a {
    width: 100%;
    min-width: unset;
    min-height: 9.375vw;
    font-size: 3.75vw;
  }
}
.page .detail__block .wp-block-button a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 19px;
  background: url("../img/parts/arrow_pl.svg") no-repeat top center;
  background-size: contain;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button a::after {
    width: 2.1875vw;
    height: 2.96875vw;
  }
}
.page .detail__block .wp-block-button:hover::before, .page .detail__block .wp-block-button:hover::after {
  background-color: #B100FF;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button:hover::before, .page .detail__block .wp-block-button:hover::after {
    background-color: #fff;
  }
}
.page .detail__block .wp-block-button:hover a {
  color: #fff;
  background-color: #B100FF;
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button:hover a {
    font-size: 3.75vw;
    color: #B100FF;
    background-color: #fff;
  }
}
.page .detail__block .wp-block-button:hover a::after {
  transform: translateY(-50%) scale(1.2);
  background-image: url("../img/parts/arrow_wh.svg");
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-button:hover a::after {
    transform: translateY(-50%);
    background-image: url("../img/parts/arrow_pl.svg");
  }
}
.page .detail__block .wp-block-embed.aligncenter {
  text-align: center;
}
.page .detail__block .wp-block-embed iframe {
  width: 800px;
  height: 450px;
}
@media only screen and (max-width: 1250px) {
  .page .detail__block .wp-block-embed iframe {
    width: 59.2592592593vw;
    height: 33.3333333333vw;
  }
}
@media only screen and (max-width: 768px) {
  .page .detail__block .wp-block-embed iframe {
    width: 78.125vw;
    height: 45.3125vw;
  }
}
.page .btn__back {
  position: relative;
  z-index: 2;
}