@charset "UTF-8";

/* node_modules/.pnpm/reset-css@5.0.2/node_modules/reset-css/reset.css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}
*[hidden] {
  display: none;
}
body {
  line-height: 1;
}
menu,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* src/scss/global.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
  height: auto;
}
body {
  font-family: "M PLUS 1", sans-serif;
  text-align: left;
  letter-spacing: .03em;
}

/* src/components/pc/AboutPage/index.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
html {
  scroll-padding-top: 5.5729166667vw;
}
.wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
}
.tonbo-top {
  position: relative;
  z-index: 10;
  width: 100%;
}
.tonbo-top::before {
  position: absolute;
  top: 2.6041666667vw;
  right: 0;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.tonbo-top::after {
  position: absolute;
  top: 2.6041666667vw;
  left: 0;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: scaleX(-1);
}
.tonbo-top-white::before {
  right: -5.2083333333vw;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo_w.png);
}
.tonbo-top-white::after {
  left: -5.2083333333vw;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo_w.png);
}
.tonbo-bottom {
  position: relative;
  width: 100%;
}
.tonbo-bottom::before {
  position: absolute;
  right: 0;
  bottom: -5.2083333333vw;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: scaleY(-1);
}
.tonbo-bottom::after {
  position: absolute;
  bottom: -5.2083333333vw;
  left: 0;
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  content: "";
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(-1, -1);
}
.tonbo-bottom-white::before {
  right: -5.2083333333vw;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo_w.png);
}
.tonbo-bottom-white::after {
  left: -5.2083333333vw;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/tonbo_w.png);
}
.cmoa_divider {
  width: 100%;
  height: 3.125vw;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/cmoa_divider.png);
  background-repeat: repeat-x;
  background-position: 3.3333333333vw 0;
  background-size: 104.1666666667vw;
  animation: divider-slide 20s linear infinite;
}
.cmoa_divider-blue {
  width: 100%;
  height: 3.125vw;
  background-color: #10376f;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/cmoa_divider_blue.png);
  background-repeat: repeat-x;
  background-position: 3.3333333333vw 0;
  background-size: 104.1666666667vw;
  animation: divider-slide 20s linear infinite;
}
.cmoa_divider--slash-left {
  position: relative;
  transform: rotate(-4deg);
}
.cmoa_divider--slash-left::after {
  position: absolute;
  bottom: -1.875vw;
  left: -0.5208333333vw;
  display: block;
  width: 110%;
  height: 0.5208333333vw;
  content: "";
  background-color: #f2f1ec;
  border-top: #10376f solid 0.1041666667vw;
  border-bottom: #10376f solid 0.1041666667vw;
}
.cmoa_divider--slash-right {
  position: relative;
  transform: rotate(4deg);
}
.cmoa_divider--slash-right::after {
  position: absolute;
  right: -0.5208333333vw;
  bottom: -1.875vw;
  display: block;
  width: 110%;
  height: 0.5208333333vw;
  content: "";
  background-color: #fff;
  border-top: #10376f solid 0.1041666667vw;
  border-bottom: #10376f solid 0.1041666667vw;
}
.cmoa_divider--slash-last {
  transform: rotate(-4deg) translateY(-1.5625vw);
  transform-origin: right;
}
.cmoa_divider--reverse {
  animation: divider-slide-reverse 20s linear infinite;
}
@keyframes divider-slide {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -104.1666666667vw center;
  }
}
@keyframes divider-slide-reverse {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 104.1666666667vw center;
  }
}

/* src/components/pc/AboutPage/AboutKV/AboutKV.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.about-kv {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.6458333333vw 0vw 0vw;
  background-color: #10376f;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
}
.about-kv-cmoalogo {
  position: absolute;
  top: 0.5208333333vw;
  left: 0.5208333333vw;
  display: flex;
  width: 6.5625vw;
}
.about-kv-side {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100.0520833333vw;
  height: 41.9791666667vw;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/kv/side.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.about-kv-overlay {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 90.8854166667vw;
  height: 67.7083333333vw;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/kv/overlay.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.about-kv-talent-1 {
  position: absolute;
  top: 20.46875vw;
  left: 2.7604166667vw;
  width: 16.71875vw;
  height: 20.6770833333vw;
}
.about-kv-talent-2 {
  position: absolute;
  top: 15.8333333333vw;
  right: 0vw;
  width: 27.2916666667vw;
  height: 22.4479166667vw;
}
.about-kv-title {
  display: flex;
}
.about-kv-title-img {
  width: 66.7708333333vw;
  height: 8.4375vw;
}
.about-kv-desc {
  margin-top: 4.3229166667vw;
}
.about-kv-desc-img {
  width: 49.8958333333vw;
  height: 5.7291666667vw;
}
.about-kv-bubble {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15.9375vw;
}
.about-kv-bubble-1 {
  position: absolute;
  top: -11.1979166667vw;
  width: 37.8645833333vw;
  height: 20.625vw;
}
.about-kv-bubble-2 {
  width: 62.9166666667vw;
  height: 24.1145833333vw;
}
.about-kv-button {
  position: fixed;
  right: 1.25vw;
  bottom: 1.25vw;
  width: 13.4895833333vw;
  opacity: 0;
  transition-duration: 0.3s;
}
.about-kv-button:hover {
  transform: scale(1.1);
}

/* src/components/pc/AboutPage/Archive/Archive.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.archive {
  position: relative;
  z-index: -2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0vw;
  padding-bottom: 7.5520833333vw;
  margin-top: -2.0833333333vw;
  background-color: #10376f;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/archive/bg_blue.png);
  background-repeat: repeat;
  background-size: cover;
}
.archive::before {
  position: absolute;
  top: -3.125vw;
  left: -0.5208333333vw;
  display: block;
  width: 110%;
  height: 7.2916666667vw;
  content: "";
  background-color: #fff;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
  transform: rotate(4deg);
}
.archive-overlay {
  position: absolute;
  top: 27.6041666667vw;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/archive/overlay.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.archive-past {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 73.9583333333vw;
  padding: 22.34375vw 0 13.8541666667vw;
}
.archive-past-title {
  width: 42.1875vw;
  margin-bottom: 2.5vw;
}
.archive-past > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.0833333333vw;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.0833333333vw;
}
.archive-past-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35.9375vw;
  padding: 2.6041666667vw 0;
  font-size: 2.0833333333vw;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-radius: 5vw;
  transition-duration: 0.3s;
}
.archive-past-item:hover {
  transform: scale(0.95);
}

/* src/components/pc/AboutPage/Footer/Footer.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.about-footer-copy {
  display: block;
  padding: 1.0416666667vw 0;
  margin: auto;
  font-size: 0.9375vw;
  color: #fff;
  text-align: center;
  background: #000;
}

/* src/components/pc/AboutPage/Modal/Modal.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.denkomi-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 1;
  transition: opacity 0.3s;
}
.denkomi-modal-wrapper[data-is-modal-shown=false] {
  pointer-events: none;
  opacity: 0;
}
.denkomi-modal-wrapper .modal-close-button {
  position: absolute;
  top: 0.5208333333vw;
  right: 0.5208333333vw;
  font-size: 4.1666666667vw;
  color: #fff;
  background-color: transparent;
  border: none;
}
.denkomi-modal-wrapper .modal-content {
  width: 80vh;
}

/* src/components/pc/AboutPage/Participate/Participate.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.participate {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 5.2083333333vw 0vw 10.4166666667vw;
  background-color: #10376f;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
}
.participate-title {
  position: absolute;
  top: -12.96875vw;
  z-index: 2;
  width: 49.0625vw;
}
.participate-talent {
  position: absolute;
  top: -17.8125vw;
  left: 8.6979166667vw;
  z-index: -1;
  width: 88.8541666667vw;
}
.participate-comment {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  justify-content: flex-start;
  width: 100vw;
  padding: 0vw;
}
.participate-comment-group {
  display: flex;
  flex: 0 0 auto;
  gap: 3.75vw;
  padding-left: 3.75vw;
}
.participate-comment-card {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  width: 36.5625vw;
  height: 21.3541666667vw;
  padding: 3.125vw 2.0833333333vw 0;
  font-size: 1.3020833333vw;
  font-weight: 600;
  line-height: 1.75;
  color: #10376f;
  text-align: justify;
  background:
    repeating-linear-gradient(
      45deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
  border: solid 1.0416666667vw #7a9eca;
  border-radius: 1.6666666667vw;
}
.participate-comment-card-text-wrap {
  z-index: 2;
  display: flex;
}
.participate-comment-card:nth-child(odd) .participate-comment-name-icon {
  background-image: url(/auto/images/fix/denkomitoha/about_pc/participate/profile_icon.png);
}
.participate-comment-card:nth-child(even) .participate-comment-name-icon {
  background-image: url(/auto/images/fix/denkomitoha/about_pc/participate/profile_icon2.png);
}
.participate-comment-quote {
  position: absolute;
  right: 0;
  bottom: -2.6041666667vw;
  left: 0;
  width: 11.9791666667vw;
  height: 11.9791666667vw;
  margin: auto;
  background:
    repeating-linear-gradient(
      90deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
  border: solid 1.0416666667vw #7a9eca;
}
.participate-comment-quote-blocker {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 11.9791666667vw;
  margin: auto;
  background:
    repeating-linear-gradient(
      45deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
}
.participate-comment-quote-rotate {
  transform: rotate(-45deg) translateZ(0);
}
.participate-comment-name {
  position: absolute;
  right: 2.0833333333vw;
  bottom: 3.3854166667vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.participate-comment-name-text {
  display: block;
  font-size: 2.0833333333vw;
  font-weight: 900;
  text-align: right;
  letter-spacing: 0.1em;
}
.participate-comment-name-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.7083333333vw;
  height: 2.7083333333vw;
  margin-right: 0.78125vw;
  object-fit: cover;
  background-size: cover;
}

/* src/components/pc/AboutPage/LastWinnerCommonFrame/LastWinnerCommonFrame.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.winner-last {
  position: relative;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 9.0104166667vw;
  padding-bottom: 9.8958333333vw;
  overflow: hidden;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
}
.winner-last-bg-top {
  position: absolute;
  top: 2.5520833333vw;
  right: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 26.5104166667vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-common/bg_top.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.winner-last-bg-bottom {
  position: absolute;
  bottom: -0.1041666667vw;
  left: 0;
  z-index: -1;
  width: 27.9166666667vw;
  height: 39.1145833333vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-common/bg_bottom.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.winner-last-overlay-top {
  position: absolute;
  top: 2.6041666667vw;
  right: -5.2083333333vw;
  z-index: 1;
  width: 96.875vw;
  height: 63.0208333333vw;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-common/overlay_top.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.winner-last-overlay-bottom {
  position: absolute;
  bottom: -4.1666666667vw;
  left: -4.1666666667vw;
  z-index: 1;
  width: 96.875vw;
  height: 20.8333333333vw;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-common/overlay_bottom.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.winner-last-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 89.5833333333vw;
  padding: 0vw 9.5833333333vw 9.5833333333vw;
  margin-top: 8.9583333333vw;
  background:
    repeating-linear-gradient(
      45deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
  border: solid 1.875vw #fcef00;
}
.winner-last-inner-crown {
  width: 27.34375vw;
  margin-top: -4.6875vw;
}
.winner-last-title {
  width: 65.9895833333vw;
  margin-top: 3.6458333333vw;
  text-align: center;
}
.winner-last-title-name {
  margin-top: 1.5625vw;
  font-size: 4.4vw;
  font-weight: 800;
  line-height: 1.25;
  color: #10376f;
  text-align: center;
  letter-spacing: 0.01em;
}
.winner-last-title-artist {
  display: block;
  margin-top: 1.3020833333vw;
  font-size: 1.9791666667vw;
  text-align: center;
}
.winner-last-image {
  display: flex;
  flex-direction: row;
  gap: 0.8333333333vw;
  margin-top: 3.0208333333vw;
}
.winner-last-image-1 {
  height: 40.2083333333vw;
  max-height: 1000px;
}
.winner-last-image-1 img {
  border: solid 0.2777vw #000;
}
.winner-last-image-2 {
  height: 40.2083333333vw;
  max-height: 1000px;
  cursor: pointer;
}
.winner-last-image img {
  max-width: 100%;
  max-height: 100%;
}
.winner-last-image-2 img:hover {
  opacity: .8;
}
.winner-last-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 65.7291666667vw;
  height: 5.4166666667vw;
  margin-top: 1.875vw;
  font-size: 1.9791666667vw;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.01em;
  background-color: #10376f;
  border-radius: 2.7083333333vw;
  transition-duration: 0.3s;
}
.winner-last-button:hover {
  transform: scale(0.95);
}
.winner-last-button-sub {
  display: block;
  font-size: 1.0416666667vw;
}

/* src/components/pc/AboutPage/WinnerCurrent/WinnerCurrent.scss */
.animation-poyon {
  transform: scale(0.5);
  animation: animation-poyon 0.5s ease-out forwards;
}
.animation-fade-in {
  opacity: 0;
  animation: animation-fade-in 0.5s ease-out forwards;
}
.animation-fade-out {
  opacity: 0;
  animation: animation-fade-out 0.3s ease-in forwards;
}
.js-animate-fade-in {
  opacity: 0;
  transform: translateY(2%);
}
@keyframes animation-poyon {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animation-fade-in {
  0% {
    opacity: 0;
    transform: translateY(2%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animation-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2%);
  }
}
.winner-current {
  position: relative;
  z-index: -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 0vw;
  padding-bottom: 11.25vw;
  overflow: hidden;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
}
.winner-current::before {
  position: absolute;
  top: -3.90625vw;
  left: -0.5208333333vw;
  display: block;
  width: 110%;
  height: 4.1666666667vw;
  content: "";
  background-color: #10376f;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/dotted-bg.png);
  background-size: 0.625vw;
}
.winner-current-bg-top {
  position: absolute;
  top: 15.625vw;
  right: -5.2083333333vw;
  z-index: -1;
  width: 100vw;
  height: 26.5104166667vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-current/bg_top.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.winner-current-bg-bottom {
  position: absolute;
  bottom: -0.1041666667vw;
  left: 0;
  z-index: -1;
  width: 27.9166666667vw;
  height: 39.1145833333vw;
  margin: auto;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-current/bg_bottom.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.winner-current-overlay-top {
  position: absolute;
  top: 2.8645833333vw;
  right: -4.6875vw;
  z-index: 1;
  width: 96.875vw;
  height: 63.0208333333vw;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-current/overlay_top.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.winner-current-overlay-bottom {
  position: absolute;
  right: 1.3020833333vw;
  bottom: 0vw;
  z-index: 1;
  width: 91.1979166667vw;
  height: 58.8020833333vw;
  pointer-events: none;
  background-image: url(/auto/images/fix/denkomitoha/about_pc/winner-current/overlay_bottom.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.winner-current-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 89.5833333333vw;
  padding: 0vw 9.5833333333vw 9.5833333333vw;
  margin-top: 8.9583333333vw;
  background:
    repeating-linear-gradient(
      45deg,
      #fdf457,
      #fdf457 1px,
      transparent 1px,
      transparent 8px);
  background-color: #fff;
  border: solid 1.875vw #fcef00;
}
.winner-current-inner-crown {
  width: 27.34375vw;
  margin-top: -4.6875vw;
}
.winner-current-title {
  width: 65.9895833333vw;
  margin-top: 3.6458333333vw;
  text-align: center;
}
.winner-current-title-name {
  margin-top: 1.5625vw;
  font-size: 4.5833333333vw;
  font-weight: 800;
  line-height: 1.25;
  color: #10376f;
  text-align: center;
  letter-spacing: 0.01em;
}
.winner-current-title-name a,
.winner-last-title-name a {
  color: #10376f;
  text-decoration: none;
}
.winner-current-title-artist {
  display: block;
  margin-top: 1.3020833333vw;
  font-size: 1.9791666667vw;
  text-align: center;
}
.winner-current-image {
  display: flex;
  gap: 0.8333333333vw;
  margin-top: 3.0208333333vw;
}
.winner-current-image-1 {
  height: 40.2083333333vw;
  max-height: 1000px;
}
.winner-current-image-1 img {
  border: solid 0.2777vw #000;
}
.winner-current-image-2 {
  height: 40.2083333333vw;
  max-height: 1000px;
  cursor: pointer;
}
.winner-current-image img {
  max-width: 100%;
  max-height: 100%;
}
.winner-current-image-2 img:hover {
  opacity: .8;
}
.winner-current-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 65.7291666667vw;
  height: 5.4166666667vw;
  margin-top: 1.875vw;
  font-size: 1.9791666667vw;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.01em;
  background-color: #10376f;
  border-radius: 2.7083333333vw;
  transition-duration: 0.3s;
}
.winner-current-button:hover {
  transform: scale(0.95);
}
.winner-current-button-sub {
  display: block;
  font-size: 1.0416666667vw;
}
.winner-current-comment {
  margin-top: 3.90625vw;
}
.winner-current-comment-title {
  display: flex;
  gap: 0 2.5vw;
  align-items: center;
}
.winner-current-comment-title > span {
  width: 12.6041666667vw;
}
.winner-current-comment-title::after,
.winner-current-comment-title::before {
  display: block;
  flex-grow: 1;
  content: "";
  border-top: solid 0.1041666667vw #10376f;
}
.winner-current-comment-text {
  padding: 2.3958333333vw;
  font-size: 1.4583333333vw;
  font-weight: bold;
  line-height: 1.6;
  color: #10376f;
  border-bottom: solid 0.1041666667vw #10376f;
}
.winner-common-description-name {
  color: #ea5405;
}
.winner-common-description-comment + .winner-common-description-name {
  margin-top: 1em;
}
.winner-current-video {
  margin-top: 3.125vw;
}
.winner-current-video-title {
  width: 25.4166666667vw;
}
.winner-current-video-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54.5833333333vw;
  margin-top: 1.875vw;
}
.winner-current-banner {
  width: 54.5833333333vw;
  margin-top: 3.125vw;
}
.winner-current-banner img {
  width: 100%;
}