@charset "UTF-8";
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 6, app/assets/stylesheets/foundation/_reset.scss */
* {
  box-sizing: border-box;
}

/* line 10, app/assets/stylesheets/foundation/_reset.scss */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

/* line 84, app/assets/stylesheets/foundation/_reset.scss */
header,
footer,
article,
section,
aside,
hgroup,
nav,
menu,
figure,
figcaption,
time {
  display: block;
}

/* line 98, app/assets/stylesheets/foundation/_reset.scss */
li {
  list-style: none;
}

/* line 102, app/assets/stylesheets/foundation/_reset.scss */
ol li {
  list-style: decimal;
}

/* line 106, app/assets/stylesheets/foundation/_reset.scss */
img {
  border: 0;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

/* line 113, app/assets/stylesheets/foundation/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 118, app/assets/stylesheets/foundation/_reset.scss */
caption,
th {
  text-align: left;
}

/* line 123, app/assets/stylesheets/foundation/_reset.scss */
hr {
  margin: 1em 0;
  padding: 0;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

/* line 132, app/assets/stylesheets/foundation/_reset.scss */
input,
select {
  vertical-align: middle;
}

/* line 137, app/assets/stylesheets/foundation/_reset.scss */
input,
textarea {
  margin: 0;
  padding: 0;
}

/* line 143, app/assets/stylesheets/foundation/_reset.scss */
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/* line 8, app/assets/stylesheets/layout/_container.scss */
.l-container-inner {
  max-width: 1050px;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 8, app/assets/stylesheets/layout/_container.scss */
  .l-container-inner {
    width: 95vw;
  }
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/layout/_container.scss */
  .l-container-inner {
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/layout/../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/layout/../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/layout/../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/layout/../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/layout/../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/layout/../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/layout/../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/layout/../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/layout/../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/layout/../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/layout/../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/layout/../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/layout/_header.scss */
.l-header {
  width: 100%;
  height: 6.4rem;
  z-index: 1100;
  transition: 0.5s all linear;
}

/* line 14, app/assets/stylesheets/layout/_header.scss */
.l-header--top {
  position: fixed;
}

/* line 17, app/assets/stylesheets/layout/_header.scss */
.l-header--page {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 21, app/assets/stylesheets/layout/_header.scss */
.l-header.is-fixed {
  position: fixed;
  background: #ffffff;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  top: 0;
}

/* line 26, app/assets/stylesheets/layout/_header.scss */
.l-header.is-fixed .l-header__icon {
  color: #333333;
  transition: 0.5s all linear;
}

/* line 30, app/assets/stylesheets/layout/_header.scss */
.l-header.is-fixed .l-header__icon-path {
  fill: #333333;
  transition: 0.5s all linear;
}

/* line 35, app/assets/stylesheets/layout/_header.scss */
.l-header.is-fixed .l-header__home-icon path {
  fill: #333333;
  transition: 0.5s all linear;
}

/* line 42, app/assets/stylesheets/layout/_header.scss */
.l-header__title {
  font-family: "futura-pt", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 53, app/assets/stylesheets/layout/_header.scss */
.l-header__home {
  display: flex;
  align-items: center;
}

/* line 57, app/assets/stylesheets/layout/_header.scss */
.l-header__sns {
  display: flex;
  align-items: center;
}

/* line 61, app/assets/stylesheets/layout/_header.scss */
.l-header__inner {
  display: flex;
  height: 100%;
  justify-content: space-between;
  position: relative;
}

@media (min-width: 1024px) {
  /* line 72, app/assets/stylesheets/layout/_header.scss */
  .l-header__title {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 19, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal.is-open {
  pointer-events: auto;
  opacity: 1;
}

/* line 24, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* line 32, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__inner {
  position: relative;
  z-index: 1;
  width: calc(100% - 32px);
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 43, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__card {
  width: 100%;
  background: #f0f0f0;
  border-radius: 12px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}

/* line 55, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__figure {
  display: block;
  margin: 0;
  text-align: center;
}

/* line 60, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__figure img {
  display: block;
}

/* line 63, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__heading {
  font-size: 17px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #333333;
  text-align: center;
  line-height: 1.7;
  margin: 0;
}

/* line 73, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__line-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 50px;
  background: #00b900;
  border-radius: 100px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}

/* line 94, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__line-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

/* line 101, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__privacy {
  font-size: 13px;
  font-weight: 300;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #777777;
  line-height: 1.6;
  margin: 0;
  width: 100%;
}

/* line 111, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__privacy-link {
  font-weight: 600;
  color: #777777;
  text-decoration: underline;
}

/* line 117, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 32px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  background: transparent;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 139, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet {
  position: fixed;
  inset: 0;
  z-index: 1400;
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0s linear 0.3s;
}

/* line 149, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet.is-open {
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s;
}

/* line 155, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.25s ease;
}

/* line 162, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet.is-open .l-2026-vote-sheet__backdrop {
  background: rgba(0, 0, 0, 0.35);
}

/* line 167, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15);
  padding: 64px 16px calc(44px + env(safe-area-inset-bottom));
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

/* line 182, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet.is-open .l-2026-vote-sheet__panel {
  transform: translateY(0);
}

/* line 187, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 199, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__close svg {
  display: block;
}

/* line 202, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 208, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 8px 0 16px;
  background: #ffffff;
  border-radius: 12px;
  text-decoration: none;
}

/* line 219, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__item-main {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 225, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__item-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 232, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__item-label {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
}

/* line 239, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__chevron {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 247, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
  text-decoration: none;
}

/* line 256, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__hint-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.6;
}

/* line 264, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-2026-vote-sheet__hint-label {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #777777;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-2026-vote-sheet {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 280, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-2026-vote-sheet__backdrop {
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    transition: background 0.2s ease, backdrop-filter 0.2s ease, -webkit-backdrop-filter 0.2s ease;
  }
  /* line 287, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-2026-vote-sheet.is-open .l-2026-vote-sheet__backdrop {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  /* line 293, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-2026-vote-sheet__panel {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 393px;
    max-width: calc(100% - 32px);
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    padding: 16px;
    transform: scale(0.96);
    transition: transform 0.2s ease;
  }
  /* line 308, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-2026-vote-sheet.is-open .l-2026-vote-sheet__panel {
    transform: scale(1);
  }
  /* line 312, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-2026-vote-sheet__close {
    display: none;
  }
}

/* line 321, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal {
  position: fixed;
  inset: 0;
  z-index: 1150;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

@media (min-width: 1024px) {
  /* line 321, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-news2026-vote-modal {
    display: none;
  }
}

/* line 331, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal.is-open {
  pointer-events: auto;
  opacity: 1;
}

/* line 336, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* line 344, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__sheet {
  position: absolute;
  top: 68px;
  left: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  background: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

/* line 360, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__item {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 50px;
  padding: 0 8px 0 16px;
  background: #ffffff;
  border-radius: 12px;
  text-decoration: none;
  color: #333333;
  flex-shrink: 0;
}

/* line 373, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  font-size: 18px;
  color: #333333;
}

/* line 383, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__item-icon img {
  display: block;
}

/* line 386, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__item-label {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #333333;
  white-space: nowrap;
}

/* line 395, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-news2026-vote-modal__chevron {
  flex-shrink: 0;
  display: block;
}

/* line 402, app/assets/stylesheets/layout/_header_2026_sp.scss */
body.is-soty2026 .l-header {
  display: none !important;
}

/* line 406, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: transparent;
  transition: background-color 0.3s ease;
  padding-top: env(safe-area-inset-top);
}

@media (min-width: 1024px) {
  /* line 406, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-header-2026-sp {
    display: none;
  }
}

/* line 421, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp.is-colored {
  background-color: #f0f0f0;
}

/* line 425, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}

/* line 436, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__logo {
  height: 24px;
  width: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* line 443, app/assets/stylesheets/layout/_header_2026_sp.scss */
.is-colored .l-header-2026-sp__logo {
  opacity: 1;
  pointer-events: auto;
}

/* line 450, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

/* line 458, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 16px;
  background: #8c59ff;
  border-radius: 100px;
  border: none;
  color: #ffffff;
  font-size: 15px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* line 479, app/assets/stylesheets/layout/_header_2026_sp.scss */
.is-colored .l-header-2026-sp__vote-btn {
  opacity: 1;
  pointer-events: auto;
}

/* line 487, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__vote-icon {
  display: block;
  width: auto;
  height: 13.4px;
  flex-shrink: 0;
}

/* line 494, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
}

/* line 508, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__icon {
  display: block;
  width: 24px;
  height: 24px;
  filter: none;
}

/* line 516, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp__menu-icon {
  display: block;
  width: 24px;
  height: 24px;
}

/* line 526, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background-color: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding-top: env(safe-area-inset-top);
}

@media (min-width: 1024px) {
  /* line 526, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-header-2026-news-sp {
    display: none;
  }
}

/* line 542, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}

/* line 552, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__left {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 558, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  color: #333333;
  flex-shrink: 0;
}

/* line 569, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__title {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 23px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
  line-height: 1;
  padding-top: 4px;
}

/* line 579, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 585, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 16px;
  background: #8c59ff;
  border-radius: 100px;
  text-decoration: none;
  color: #ffffff;
  font-size: 15px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 600, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__vote-btn i {
  font-size: 14px;
  line-height: 1;
}

/* line 606, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  flex-shrink: 0;
}

/* line 620, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__icon {
  display: block;
  width: 24px;
  height: 24px;
}

/* line 626, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
}

/* line 634, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-news-sp__menu-bar {
  display: block;
  height: 2px;
  width: 100%;
  background: #333333;
  border-radius: 1px;
}

/* line 646, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

@media (min-width: 1024px) {
  /* line 646, app/assets/stylesheets/layout/_header_2026_sp.scss */
  .l-header-2026-sp-menu {
    display: none;
  }
}

/* line 662, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu.is-open {
  opacity: 1;
  pointer-events: auto;
}

/* line 668, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__close-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  padding: 0 16px;
  padding-top: env(safe-area-inset-top);
  flex-shrink: 0;
}

/* line 678, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #333333;
}

/* line 691, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__body {
  padding: 32px 16px 48px;
}

/* line 696, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__logo {
  margin-bottom: 24px;
}

/* line 700, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__logo-img {
  width: 299px;
  max-width: 100%;
  height: auto;
  display: block;
}

/* line 708, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__categories {
  display: flex;
  gap: 6px;
  margin-bottom: 32px;
}

/* line 714, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__cat-btn {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 10px;
  background: #ffffff;
  border-radius: 100px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

/* line 730, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__cat-btn--apparel {
  color: #1acccc;
}

/* line 734, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__cat-btn--product {
  color: #d2bc00;
}

/* line 738, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__cat-btn--nextage {
  color: #ff51ab;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 17px;
}

/* line 746, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}

/* line 753, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333333;
}

/* line 762, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 770, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav-icon::before {
  content: '';
  display: block;
  width: 14px;
  height: 20px;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 781, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__question-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 788, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav-label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  color: #333333;
}

/* line 797, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav-label:lang(ja) {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 17px;
}

/* line 804, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__nav-item:last-child .l-header-2026-sp-menu__nav-label {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 17px;
  font-weight: 600;
}

/* line 811, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__follow {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 817, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__follow-label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 11px;
  color: #777777;
  line-height: 1.5;
}

/* line 824, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__sns {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* line 830, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__sns-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(51, 51, 51, 0.1);
  border-radius: 100px;
  text-decoration: none;
  flex-shrink: 0;
}

/* line 842, app/assets/stylesheets/layout/_header_2026_sp.scss */
.l-header-2026-sp-menu__sns-btn img {
  display: block;
  width: 20px;
  height: auto;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/object/component/_alphabet.scss */
.c-alphabet {
  display: block;
  height: 3rem;
  width: 3rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  border: 1px solid #adb0ab;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
  line-height: 3rem;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/object/component/_alphabet.scss */
.c-alphabet .c-alphabet__link {
  display: block;
  font-weight: bold;
}

/* line 24, app/assets/stylesheets/object/component/_alphabet.scss */
.c-alphabet.is-disabled {
  background: #f5f5f4;
  color: #d8dad5;
}

/* line 28, app/assets/stylesheets/object/component/_alphabet.scss */
.c-alphabet.is-selected {
  background: #24bbf3;
  color: #ffffff;
  border: 1px solid #24bbf3;
}

/* line 33, app/assets/stylesheets/object/component/_alphabet.scss */
.c-alphabet--other {
  width: 7.2rem;
}

/* line 36, app/assets/stylesheets/object/component/_alphabet.scss */
.c-alphabet__header {
  font-weight: 600;
  font-size: 1.8rem;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/object/component/_badge.scss */
.c-badge {
  border-radius: 50%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #fff;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  position: relative;
  line-height: 1;
  min-width: 2.4rem;
  max-width: 2.4rem;
}

/* line 22, app/assets/stylesheets/object/component/_badge.scss */
.c-badge.c-badge--small {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1rem;
  min-width: 1.6rem;
  max-width: 1.6rem;
}

/* line 29, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--x-small {
  width: 1.4rem;
  height: 1.4rem;
  margin-bottom: -0.7rem;
  position: relative;
  font-size: 0.8rem;
  min-width: 1.4rem;
  max-width: 1.4rem;
}

/* line 38, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--large {
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: -1.6rem;
  position: relative;
  min-width: 3.2rem;
  max-width: 3.2rem;
}

/* line 46, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--x-large {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  max-width: 2.4rem;
}

/* line 52, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 56, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--upper-left {
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: -1.2rem;
  margin-left: -1.2rem;
  position: relative;
  min-width: 3.2rem;
  max-width: 3.2rem;
}

/* line 65, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--upper-center {
  width: 3.6rem;
  height: 3.6rem;
  margin-bottom: -1.4rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-width: 3.6rem;
  max-width: 3.6rem;
}

/* line 75, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--gold {
  background: #d7a842;
}

/* line 78, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--silver {
  background: #ababab;
}

/* line 81, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--bronze {
  background: #9a8a7b;
}

/* line 84, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--black {
  background: #333333;
}

/* line 87, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--white {
  background: #ffffff;
  color: #333333;
}

/* line 91, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--purple {
  background: #9552AB;
}

/* line 94, app/assets/stylesheets/object/component/_badge.scss */
.c-badge--gradation-green {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  color: #ffffff;
}

@media (min-width: 1024px) {
  /* line 105, app/assets/stylesheets/object/component/_badge.scss */
  .c-badge {
    width: 2.8rem;
    height: 2.8rem;
    min-width: 2.8rem;
    max-width: 2.8rem;
  }
  /* line 110, app/assets/stylesheets/object/component/_badge.scss */
  .c-badge--x-small {
    width: 2rem;
    height: 2rem;
    margin-bottom: -1rem;
    position: relative;
    font-size: 1.2rem;
    min-width: 2rem;
    max-width: 2rem;
  }
  /* line 119, app/assets/stylesheets/object/component/_badge.scss */
  .c-badge.c-badge--large {
    width: 3.8rem;
    height: 3.8rem;
    margin-bottom: -1.9rem;
    font-size: 1.8rem;
    min-width: 3.8rem;
    max-width: 3.8rem;
  }
  /* line 127, app/assets/stylesheets/object/component/_badge.scss */
  .c-badge--upper-center {
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: -1.2rem;
    min-width: 3.2rem;
    max-width: 3.2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 142, app/assets/stylesheets/object/component/_badge.scss */
  .c-badge {
    width: 2.8rem;
    height: 2.8rem;
    min-width: 2.8rem;
    max-width: 2.8rem;
  }
  /* line 147, app/assets/stylesheets/object/component/_badge.scss */
  .c-badge--upper-center {
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: -1.2rem;
    min-width: 3.2rem;
    max-width: 3.2rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_banner.scss */
.c-banner {
  visibility: visible;
  opacity: 1;
  transition: 0.5s linear;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1100;
  width: 100%;
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  padding: 1.5rem 1.1rem;
  border-radius: 0;
  line-height: 2;
  text-align: center;
  scroll-behavior: smooth;
}

/* line 24, app/assets/stylesheets/object/component/_banner.scss */
.c-banner p.c-banner__text {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 36, app/assets/stylesheets/object/component/_banner.scss */
  .c-banner {
    width: 45rem;
    margin: 1rem 1rem 1.6rem;
    left: 35%;
  }
  /* line 40, app/assets/stylesheets/object/component/_banner.scss */
  .c-banner p.c-banner__text {
    font-size: 1.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 51, app/assets/stylesheets/object/component/_banner.scss */
  .c-banner {
    width: 45rem;
    margin: 1rem 1rem 1.6rem;
    left: 60%;
  }
  /* line 55, app/assets/stylesheets/object/component/_banner.scss */
  .c-banner p.c-banner__text {
    font-size: 1.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/object/component/_box.scss */
.c-bg-box {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  color: #ffffff;
  border-radius: 5px;
  padding: 1rem 1.2rem;
}

/* line 15, app/assets/stylesheets/object/component/_box.scss */
.c-search-filter-box {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 14, app/assets/stylesheets/object/component/_button.scss */
.c-button {
  cursor: pointer;
  transition: all 0.3s;
  padding: 0.85rem;
  max-width: 300px;
  min-height: 4rem;
  height: fit-content;
  width: 100%;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  border: 1px solid #333333;
  display: block;
  text-align: center;
  background: #ffffff;
  color: #333333;
  border-radius: 0;
}

/* line 31, app/assets/stylesheets/object/component/_button.scss */
.c-button:disabled {
  color: #d8dad5;
  border-color: #d8dad5;
  background: #ffffff;
  pointer-events: none;
}

/* line 37, app/assets/stylesheets/object/component/_button.scss */
.c-button:hover {
  background: #333333;
  color: #ffffff;
}

/* line 41, app/assets/stylesheets/object/component/_button.scss */
.c-button--large {
  max-width: inherit;
  min-height: 4.4rem;
}

/* line 45, app/assets/stylesheets/object/component/_button.scss */
.c-button--rounded {
  border-radius: 999px;
}

/* line 48, app/assets/stylesheets/object/component/_button.scss */
.c-button--vivid-green {
  background-color: #06c755;
  border: 1px solid #06c755;
  color: #ffffff;
}

/* line 52, app/assets/stylesheets/object/component/_button.scss */
.c-button--vivid-green:hover {
  background: #ffffff;
  color: #06c755;
}

/* line 57, app/assets/stylesheets/object/component/_button.scss */
.c-button--gradation-orange {
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  border: none;
  color: #ffffff;
}

/* line 63, app/assets/stylesheets/object/component/_button.scss */
.c-button--gradation-green {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  border: none;
  color: #ffffff;
}

/* line 69, app/assets/stylesheets/object/component/_button.scss */
.c-button.c-button--white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #333333;
}

/* line 73, app/assets/stylesheets/object/component/_button.scss */
.c-button.c-button--white:hover {
  background: #333333;
  border: 1px solid #ffffff;
  color: #ffffff;
}

/* line 81, app/assets/stylesheets/object/component/_button.scss */
.c-button-close {
  cursor: pointer;
  transition: all 0.3s;
}

/* line 84, app/assets/stylesheets/object/component/_button.scss */
.c-search-selected-label-button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 0.4rem;
}

/* line 89, app/assets/stylesheets/object/component/_button.scss */
.c-search-selected-label-button .c-search-selected-label-button__img {
  display: flex;
  align-items: center;
}

/* line 95, app/assets/stylesheets/object/component/_button.scss */
.c-search-button {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 8rem;
  right: 2rem;
  z-index: 1100;
}

/* line 102, app/assets/stylesheets/object/component/_button.scss */
.c-search-button img {
  filter: drop-shadow(0 0 0.4rem rgba(255, 255, 255, 0.7));
}

/* line 105, app/assets/stylesheets/object/component/_button.scss */
.c-search-button.is-show {
  visibility: visible;
  opacity: 1;
  transition: 0.5s linear;
}

/* line 112, app/assets/stylesheets/object/component/_button.scss */
.c-search-filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 1.5rem;
  border-radius: 30px;
  background-color: #000;
  color: #fff;
  max-width: 200px;
  cursor: pointer;
}

/* line 124, app/assets/stylesheets/object/component/_button.scss */
.c-round-corners-btn {
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "futura-pt", sans-serif;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 2.8rem 0.5rem 2rem;
  cursor: pointer;
  transition: all 0.3s;
  letter-spacing: 0.1em;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 20px;
}

/* line 139, app/assets/stylesheets/object/component/_button.scss */
.c-round-corners-btn::before, .c-round-corners-btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 147, app/assets/stylesheets/object/component/_button.scss */
.c-round-corners-btn::before {
  border-style: solid;
  border-width: 3.5px 0 3.5px 4.5px;
  border-color: transparent transparent transparent #ffffff;
  display: inline-block;
  width: 0;
  height: 0;
  right: 15px;
}

/* line 156, app/assets/stylesheets/object/component/_button.scss */
.c-round-corners-btn::after {
  width: 100%;
  max-width: 15px;
  height: 15px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  right: 10px;
}

/* line 164, app/assets/stylesheets/object/component/_button.scss */
.c-round-corners-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 0 5px rgba(255, 255, 0, 0.3), 0 0 10px rgba(255, 255, 170, 0.3), 0 0 20px rgba(165, 42, 42, 0.3), 0 0 40px rgba(128, 0, 128, 0.3);
}

/* line 172, app/assets/stylesheets/object/component/_button.scss */
.c-button-text-white {
  cursor: pointer;
  transition: all 0.3s;
  padding: 0.85rem;
  max-width: 280px;
  min-height: 4rem;
  height: fit-content;
  width: 100%;
  font-weight: bold;
  font-size: 1.4rem;
  border: 1px solid #ffffff;
  display: block;
  text-align: center;
  color: #ffffff;
  border-radius: 0;
  position: relative;
  z-index: 0;
}

/* line 189, app/assets/stylesheets/object/component/_button.scss */
.c-button-text-white:hover {
  background: #ffffff;
  color: #333333;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 202, app/assets/stylesheets/object/component/_button.scss */
  .c-round-corners-btn {
    font-size: 1.4rem;
  }
  /* line 204, app/assets/stylesheets/object/component/_button.scss */
  .c-round-corners-btn::before {
    right: 20px;
  }
  /* line 207, app/assets/stylesheets/object/component/_button.scss */
  .c-round-corners-btn::after {
    max-width: 16px;
    height: 16px;
    right: 15px;
  }
  /* line 214, app/assets/stylesheets/object/component/_button.scss */
  .c-search-filter-button {
    max-width: 300px;
  }
}

/* line 219, app/assets/stylesheets/object/component/_button.scss */
.yell-button-on,
.yell-button-max {
  display: none;
}

/* line 224, app/assets/stylesheets/object/component/_button.scss */
.yell-button-campaign-on,
.yell-button-campaign-max {
  display: none;
}

@media (min-width: 1024px) {
  /* line 236, app/assets/stylesheets/object/component/_button.scss */
  .c-button,
.c-button-text-white {
    max-width: 500px;
    padding: 1.4rem;
    font-size: 1.6rem;
  }
  /* line 242, app/assets/stylesheets/object/component/_button.scss */
  .c-round-corners-btn {
    font-size: 1.6rem;
    padding: 0.5rem 3rem 0.5rem 2rem;
  }
  /* line 245, app/assets/stylesheets/object/component/_button.scss */
  .c-round-corners-btn::before {
    border-width: 4px 0 4px 5px;
    right: 22px;
  }
  /* line 249, app/assets/stylesheets/object/component/_button.scss */
  .c-round-corners-btn::after {
    max-width: 18px;
    height: 18px;
    right: 16px;
  }
  /* line 256, app/assets/stylesheets/object/component/_button.scss */
  .c-search-filter-button {
    max-width: 400px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_card.scss */
.c-card-main-visual {
  display: inline-block;
  width: 125px;
}

/* line 12, app/assets/stylesheets/object/component/_card.scss */
.c-card-main-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 19, app/assets/stylesheets/object/component/_card.scss */
.c-card-video {
  width: 100%;
  height: 100%;
  background: #f5f5f4;
}

/* line 25, app/assets/stylesheets/object/component/_card.scss */
.c-card-video-thumbnail {
  width: 100%;
  height: 100%;
  background: #f5f5f4;
  object-fit: contain;
  object-position: center;
}

/* line 33, app/assets/stylesheets/object/component/_card.scss */
.c-card-coordinate {
  width: 48vw;
  max-width: 100%;
  height: 64vw;
  display: block;
}

/* line 38, app/assets/stylesheets/object/component/_card.scss */
.c-card-coordinate img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/* line 45, app/assets/stylesheets/object/component/_card.scss */
.c-card-square-img {
  position: relative;
  width: 100%;
  display: block;
}

/* line 49, app/assets/stylesheets/object/component/_card.scss */
.c-card-square-img:before {
  content: '';
  display: block;
  padding-top: 100%;
  background: #ffffff;
}

/* line 54, app/assets/stylesheets/object/component/_card.scss */
.c-card-square-img.c-card-square-img--height-m:before {
  padding-top: 60%;
}

/* line 57, app/assets/stylesheets/object/component/_card.scss */
.c-card-square-img.c-card-square-img--height-s:before {
  padding-top: 40%;
}

/* line 61, app/assets/stylesheets/object/component/_card.scss */
.c-card-square-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  object-fit: cover;
}

/* line 70, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge {
  width: 100%;
}

/* line 72, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* line 78, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge .c-card-judge__text {
  padding-top: 1.5rem;
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
}

/* line 82, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge .c-card-judge__text .c-card-judge__text-sub {
  font-size: 1rem;
  font-weight: 300;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 82, app/assets/stylesheets/object/component/_card.scss */
  .c-card-judge .c-card-judge__text .c-card-judge__text-sub {
    font-size: 1.2rem;
  }
}

@media (min-width: 1024px) {
  /* line 82, app/assets/stylesheets/object/component/_card.scss */
  .c-card-judge .c-card-judge__text .c-card-judge__text-sub {
    font-size: 1.2rem;
  }
}

/* line 92, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge .c-card-judge__text .c-card-judge__text-name {
  font-size: 1.8rem;
  font-weight: 300;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 92, app/assets/stylesheets/object/component/_card.scss */
  .c-card-judge .c-card-judge__text .c-card-judge__text-name {
    font-size: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 92, app/assets/stylesheets/object/component/_card.scss */
  .c-card-judge .c-card-judge__text .c-card-judge__text-name {
    font-size: 2rem;
  }
}

/* line 105, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  padding: 1.1rem 1.4rem 1.1rem;
  font-size: 1.4rem;
}

/* line 112, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__img {
  width: 48px;
}

/* line 115, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__img--big {
  width: 7rem;
  flex-shrink: 0;
}

/* line 119, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__left {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

/* line 124, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__center {
  width: calc(82% - 10rem);
}

/* line 127, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__right {
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* line 133, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__point {
  min-width: 8.5rem;
  text-align: right;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #575756;
}

/* line 138, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__point--final {
  font-size: 2.6rem;
  color: #333333;
}

/* line 143, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__label {
  font-size: 1.2rem;
  line-height: 1;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 0.5rem;
}

/* line 151, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row__before-release {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 40px 0;
  text-align: center;
  border-radius: 8px;
  width: calc(100% - 8vw);
  margin: 1rem 4vw 0;
}

/* line 161, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  padding: 0.7rem 0.7rem;
  margin: 0 1.3rem 1rem;
  font-size: 1.4rem;
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

/* line 172, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1rem;
  height: 1px;
  border-bottom: 1px dotted #dcdbd7;
}

/* line 183, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-item {
  display: flex;
  align-items: center;
}

/* line 187, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-item__point {
  min-width: 8rem;
  text-align: right;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #333333;
  font-size: 2.4rem;
}

/* line 194, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-item__point--small {
  font-size: 1.4rem;
}

/* line 198, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-item--img-point-status {
  width: 16px;
  height: 16px;
  margin-left: 1.5rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 198, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-point-item--img-point-status {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 1024px) {
  /* line 198, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-point-item--img-point-status {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 219, app/assets/stylesheets/object/component/_card.scss */
  .c-card-main-visual {
    width: 160px;
  }
  /* line 223, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-row .c-card-ranking-row__img--big {
    width: 7rem;
  }
  /* line 227, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-row__before-release {
    margin: 1rem 0 0;
    width: 100%;
  }
  /* line 231, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-point-wrapper {
    padding: 0.7rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 242, app/assets/stylesheets/object/component/_card.scss */
  .c-card-main-visual {
    width: 180px;
  }
  /* line 246, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-row .c-card-ranking-row__img--big {
    width: 8rem;
  }
  /* line 250, app/assets/stylesheets/object/component/_card.scss */
  .c-card-coordinate {
    max-height: 325px;
  }
  /* line 253, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-row__before-release {
    margin: 1rem 0 0;
    width: 100%;
  }
  /* line 257, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-point-wrapper {
    padding: 0.7rem 1.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_container.scss */
.c-container-inner {
  max-width: 1050px;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 9, app/assets/stylesheets/object/component/_container.scss */
  .c-container-inner {
    width: 95vw;
  }
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/object/component/_container.scss */
  .c-container-inner {
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

/* line 24, app/assets/stylesheets/object/component/_container.scss */
.c-container-inner-full {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}

/* line 30, app/assets/stylesheets/object/component/_container.scss */
.c-container-side-padding {
  max-width: 1050px;
  margin: 0 auto;
}

@media (max-width: 1080px) {
  /* line 30, app/assets/stylesheets/object/component/_container.scss */
  .c-container-side-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_form.scss */
.c-input-box {
  border: 1px solid #adb0ab;
  padding: 1.4rem 1.5rem;
  border-radius: 3px;
  display: block;
  width: 100%;
}

/* line 17, app/assets/stylesheets/object/component/_form.scss */
.c-input-label {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7142;
}

/* line 23, app/assets/stylesheets/object/component/_form.scss */
.c-checkbox {
  appearance: none;
  position: relative;
  padding-right: 2.4rem;
  font-size: 1.4rem;
  margin-top: 0.2rem;
}

/* line 29, app/assets/stylesheets/object/component/_form.scss */
.c-checkbox:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #d8dad5;
  position: absolute;
  content: "\f058";
  font-size: 1.8rem;
  top: 50%;
  transform: translateY(-50%);
}

/* line 40, app/assets/stylesheets/object/component/_form.scss */
.c-checkbox:checked:before {
  color: #24bbf3;
}

/* line 46, app/assets/stylesheets/object/component/_form.scss */
.c-input-select {
  position: relative;
  display: inline-block;
}

/* line 49, app/assets/stylesheets/object/component/_form.scss */
.c-input-select .c-input-select__box {
  appearance: none;
  color: #333333;
  border: 1px solid #adb0ab;
  width: 8.5rem;
  height: 3.5rem;
  border-radius: 5px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background: #ffffff;
}

/* line 61, app/assets/stylesheets/object/component/_form.scss */
.c-input-select:after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #adb0ab;
  border-right: 1px solid #adb0ab;
  transform: rotate(45deg);
  right: 1rem;
  top: 36%;
}

/* line 74, app/assets/stylesheets/object/component/_form.scss */
.c-application-form {
  margin: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1024px) {
  /* line 74, app/assets/stylesheets/object/component/_form.scss */
  .c-application-form {
    max-width: 600px;
    margin: 0 auto;
  }
}

/* line 85, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__form-group label {
  font-weight: 600;
  font-size: 1.4rem;
  display: block;
  margin-bottom: 0.7rem;
}

/* line 93, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__form-group .required::after {
  content: "必須";
  color: #ffffff;
  background: #42B7A6;
  padding: 0.3rem 0.8rem;
  border-radius: 100px;
  font-size: 1.1rem;
  font-weight: 600;
  margin-left: 0.5rem;
}

/* line 105, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__form-group input {
  width: 100%;
  height: 4.4rem;
  border-radius: 3px;
  border: 1px solid #adb0ab;
  padding: 0.3rem 2.5rem;
  font-size: 1.5rem;
}

/* line 115, app/assets/stylesheets/object/component/_form.scss */
.c-application-form .btn-submit {
  margin: 2rem auto 4rem;
  width: 90%;
}

@media (min-width: 1024px) {
  /* line 115, app/assets/stylesheets/object/component/_form.scss */
  .c-application-form .btn-submit {
    width: 310px;
  }
}

/* line 122, app/assets/stylesheets/object/component/_form.scss */
.c-application-form .btn-submit button, .c-application-form .btn-submit a {
  font-size: 1.4rem;
  font-weight: 600;
  border: 1px solid #000000;
  height: 4.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: unset;
}

/* line 133, app/assets/stylesheets/object/component/_form.scss */
.c-application-form .btn-submit button:before, .c-application-form .btn-submit a:before {
  content: "";
  background: url(/assets/form_submit-9590d5c99d221611fd920b1f78657e20b7be771482a2b6e2e279397f660e5bb8.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  margin-right: 1rem;
}

/* line 142, app/assets/stylesheets/object/component/_form.scss */
.c-application-form .btn-submit button:hover, .c-application-form .btn-submit a:hover {
  background-color: #000000;
  color: #ffffff;
}

/* line 146, app/assets/stylesheets/object/component/_form.scss */
.c-application-form .btn-submit button:disabled, .c-application-form .btn-submit a:disabled {
  border: 1px solid #adb0ab;
  color: #333333;
  filter: grayscale(1);
  background-color: rgba(239, 239, 239, 0.3);
}

/* line 155, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__message {
  border-radius: 12px;
  padding: 2rem;
  display: none;
}

/* line 159, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__message--success {
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
  border: 2px solid #bbf7d0;
  box-shadow: 0 4px 12px rgba(187, 247, 208, 0.3);
  display: block;
}

/* line 165, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__message--error {
  background: linear-gradient(135deg, #fff5f5 0%, #fef2f2 100%);
  border: 2px solid #fed7d7;
  box-shadow: 0 4px 12px rgba(254, 215, 215, 0.3);
  display: block;
}

/* line 172, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__message-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 178, app/assets/stylesheets/object/component/_form.scss */
.c-application-form__message-text {
  color: #333333;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_heart.scss */
.c-heart {
  display: flex;
}

/* line 11, app/assets/stylesheets/object/component/_heart.scss */
.c-heart--medium {
  width: 2.1rem;
  height: 2.1rem;
}

/* line 15, app/assets/stylesheets/object/component/_heart.scss */
.c-heart--small {
  width: 1.6rem;
  height: 1.6rem;
}

/* line 20, app/assets/stylesheets/object/component/_heart.scss */
.c-heart--red path {
  stroke: red;
}

/* line 24, app/assets/stylesheets/object/component/_heart.scss */
.c-heart svg {
  width: 100%;
  height: 100%;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_icon.scss */
.c-sns-icon {
  font-size: 2.4rem;
  color: #ffffff;
  display: flex;
}

/* line 13, app/assets/stylesheets/object/component/_icon.scss */
.c-sns-icon.c-sns-icon--line {
  width: 2.4rem;
  height: 2.4rem;
}

/* line 16, app/assets/stylesheets/object/component/_icon.scss */
.c-sns-icon.c-sns-icon--line img {
  width: 100%;
  height: auto;
}

/* line 24, app/assets/stylesheets/object/component/_icon.scss */
.c-home-icon .c-home-icon__path {
  fill: #333333;
}

/* line 30, app/assets/stylesheets/object/component/_icon.scss */
.c-sns-icon .c-sns-icon__path {
  fill: #333333;
}

/* line 35, app/assets/stylesheets/object/component/_icon.scss */
.c-button-icon {
  margin-right: 1rem;
  width: 19px;
  height: 17px;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img {
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  width: 100%;
  display: block;
}

/* line 15, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  height: 100%;
}

/* line 21, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img--x-large {
  min-width: 100%;
  height: auto;
  width: 48vw;
  max-width: 100%;
}

/* line 27, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img--medium {
  width: 4.8rem;
  height: 4.8rem;
  min-width: 4.8rem;
}

/* line 32, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img--small {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
}

/* line 37, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img.c-rounded-img--company-logo {
  border: none;
  display: flex;
  align-items: center;
  border-radius: unset;
}

/* line 42, app/assets/stylesheets/object/component/_img.scss */
.c-rounded-img.c-rounded-img--company-logo img {
  min-height: inherit;
  object-fit: unset;
  height: auto;
}

/* line 50, app/assets/stylesheets/object/component/_img.scss */
.c-rectangle-img {
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  width: 28vw;
  height: 28vw;
  max-width: 190px;
  max-height: 190px;
  background: #ffffff;
}

/* line 59, app/assets/stylesheets/object/component/_img.scss */
.c-rectangle-img img {
  width: 100%;
  min-height: 100%;
  object-fit: contain;
  height: 100%;
}

/* line 67, app/assets/stylesheets/object/component/_img.scss */
.c-banner-img img {
  width: 100%;
  height: auto;
}

/* line 73, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img-s {
  overflow: hidden;
  width: 48px;
  height: 48px;
  max-width: 100px;
  max-height: 100px;
  background: #ffffff;
}

/* line 80, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img-s img {
  width: 100%;
  min-height: 100%;
  object-fit: contain;
  height: 100%;
}

/* line 88, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img {
  overflow: hidden;
  width: 70vw;
  height: 70vw;
  max-width: 280px;
  max-height: 280px;
  background: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
}

/* line 98, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img.c-latest-img--m {
  max-width: 320px;
  max-height: 320px;
  width: 100%;
  height: auto;
}

/* line 104, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(180deg, rgba(29, 23, 23, 0) 0%, rgba(29, 23, 23, 0.7) 100%);
}

/* line 114, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img.c-latest-img--overlay-long::before {
  height: 50%;
}

/* line 118, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img img {
  width: 100%;
  min-height: 100%;
  object-fit: contain;
  height: 100%;
}

/* line 124, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__text-box {
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem 0.7rem 0.5rem 1rem;
  gap: 0.8rem;
  align-items: center;
  color: #ffffff;
}

/* line 136, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__text-box-left {
  font-family: "futura-pt", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: left;
}

/* line 143, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__text-box-right {
  font-size: 0.85rem;
  font-weight: 500;
  text-align: left;
}

/* line 148, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__text {
  font-size: 2.3rem;
  line-height: 1.4;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  font-weight: bold;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 158, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__text.c-latest-img__text--finalist {
  margin: inherit;
  margin-left: auto;
  position: static;
}

/* line 164, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__ranking {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

/* line 169, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__brand {
  position: absolute;
  left: 10px;
  bottom: 10px;
  border-radius: 1rem;
  overflow: hidden;
  width: 78px;
  height: 78px;
  max-width: 100px;
  max-height: 100px;
  background: #ffffff;
}

/* line 180, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__brand.c-latest-img__brand--finalist {
  position: static;
  width: 68px;
  height: 68px;
}

/* line 186, app/assets/stylesheets/object/component/_img.scss */
.c-latest-img .c-latest-img__brand-box {
  position: absolute;
  width: calc(100% - 2rem);
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

/* line 197, app/assets/stylesheets/object/component/_img.scss */
.c-img-banner {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.295956) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 1rem 1rem 1.6rem;
}

/* line 207, app/assets/stylesheets/object/component/_img.scss */
.c-img-banner .c-img-banner-inner {
  width: 100%;
  display: block;
  text-align: center;
}

/* line 212, app/assets/stylesheets/object/component/_img.scss */
.c-img-banner img {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  height: auto;
}

/* line 218, app/assets/stylesheets/object/component/_img.scss */
.c-img-banner.is-show {
  visibility: visible;
  opacity: 1;
  transition: 0.5s linear;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 230, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img {
    width: 50vw;
    height: 50vw;
  }
  /* line 234, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__brand.c-latest-img__brand--finalist {
    width: 78px;
    height: 78px;
  }
  /* line 239, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__text-box {
    gap: 1.2rem;
    padding: 0.8rem 0.7rem 0.8rem 1rem;
  }
  /* line 243, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__text-box-left {
    font-size: 1.7rem;
  }
  /* line 246, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__text-box-right {
    font-size: 1.2rem;
  }
  /* line 250, app/assets/stylesheets/object/component/_img.scss */
  .c-img-banner {
    background: none;
    padding: 8rem;
  }
  /* line 253, app/assets/stylesheets/object/component/_img.scss */
  .c-img-banner .c-img-banner-inner {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  /* line 265, app/assets/stylesheets/object/component/_img.scss */
  .c-rounded-img--pc-large {
    width: 100%;
    height: auto;
  }
  /* line 269, app/assets/stylesheets/object/component/_img.scss */
  .c-rounded-img--small {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
  }
  /* line 274, app/assets/stylesheets/object/component/_img.scss */
  .c-rounded-img--company-logo {
    width: 5.8rem;
    height: 5.8rem;
  }
  /* line 279, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img {
    width: 28vw;
    height: 28vw;
  }
  /* line 283, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__brand.c-latest-img__brand--finalist {
    width: 78px;
    height: 78px;
  }
  /* line 288, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__text-box {
    gap: 2rem;
    padding: 0.8rem 0.7rem 0.8rem 1.3rem;
  }
  /* line 292, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__text-box-left {
    font-size: 2.3rem;
  }
  /* line 295, app/assets/stylesheets/object/component/_img.scss */
  .c-latest-img .c-latest-img__text-box-right {
    font-size: 1.6rem;
  }
  /* line 299, app/assets/stylesheets/object/component/_img.scss */
  .c-img-banner {
    background: none;
    padding: 8rem;
  }
  /* line 302, app/assets/stylesheets/object/component/_img.scss */
  .c-img-banner .c-img-banner-inner {
    text-align: right;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_label.scss */
.c-label-brown {
  background-color: #cdcbc7;
  border-radius: 32px;
  display: flex;
  color: #ffffff;
  width: fit-content;
  font-weight: 600;
  line-height: 1;
}

/* line 17, app/assets/stylesheets/object/component/_label.scss */
.c-label-brown--text-m {
  font-size: 0.9rem;
  padding: 0.4rem 0.6rem;
}

/* line 21, app/assets/stylesheets/object/component/_label.scss */
.c-label-brown--text-s {
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
}

/* line 27, app/assets/stylesheets/object/component/_label.scss */
.c-label-deco-green {
  font-family: "futura-pt", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  color: #89c666;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  display: inline-block;
}

/* line 36, app/assets/stylesheets/object/component/_label.scss */
.c-label-deco-green:before, .c-label-deco-green:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 42, app/assets/stylesheets/object/component/_label.scss */
.c-label-deco-green:before {
  content: "＼";
  left: 0;
}

/* line 46, app/assets/stylesheets/object/component/_label.scss */
.c-label-deco-green:after {
  content: "／";
  right: 0;
}

/* line 52, app/assets/stylesheets/object/component/_label.scss */
.c-label-green {
  padding: 0.3rem 0;
  color: #ffffff;
  display: block;
  text-align: center;
  width: 100%;
  max-width: 60px;
  background: #89c666;
}

/* line 62, app/assets/stylesheets/object/component/_label.scss */
.c-label-temporary-date {
  color: #ffffff;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  padding: 0.4rem 0.9rem;
  border-radius: 20px;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: 500;
  -webkit-text-stroke: 0;
  letter-spacing: 0;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* line 73, app/assets/stylesheets/object/component/_label.scss */
.c-label-temporary-date--small {
  font-size: 1rem;
}

/* line 76, app/assets/stylesheets/object/component/_label.scss */
.c-label-temporary-date--floating {
  float: right;
  position: relative;
  top: 5px;
}

/* line 83, app/assets/stylesheets/object/component/_label.scss */
.c-label-total-point {
  color: #333333;
  background: #fff;
  border: solid 1px #000;
  padding: 0.85rem 3rem;
  border-radius: 999px;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: 300;
  -webkit-text-stroke: 0;
  letter-spacing: 0;
}

/* line 95, app/assets/stylesheets/object/component/_label.scss */
.c-label-total-point--point {
  font-family: "Hiragino Sans", sans-serif;
}

/* line 98, app/assets/stylesheets/object/component/_label.scss */
.c-label-total-point--gradation-green {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  border: none;
  color: #ffffff;
}

/* line 103, app/assets/stylesheets/object/component/_label.scss */
.c-label-total-point--under-line {
  text-decoration: underline;
}

/* line 108, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper {
  display: block;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  border: none;
  color: #ffffff;
  border-radius: 10px;
  letter-spacing: 0;
  padding: 0.9rem 1rem 0.7rem;
  font-size: 1.2rem;
}

/* line 119, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-top-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1%;
  position: relative;
  padding-bottom: 0.6rem;
}

/* line 126, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-top-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  border-bottom: 1px dotted #dcdbd7;
  width: calc(100% + 2rem);
  left: -1rem;
}

/* line 137, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-top-wrapper--total-point {
  color: #fff;
  font-size: 3.2rem;
  padding-left: 1rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* line 143, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-top-wrapper--date-floating {
  float: right;
  position: relative;
  font-family: "futura-pt", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
}

/* line 151, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-top-wrapper--date-small {
  font-family: "futura-pt", sans-serif;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}

/* line 158, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1%;
  padding-top: 0.4rem;
}

/* line 165, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-item {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 300;
}

/* line 170, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-item--text-weight {
  font-weight: 600;
  font-size: 1.2rem;
}

/* line 174, app/assets/stylesheets/object/component/_label.scss */
.c-label-round2-point-info-wrapper .c-label-ranking-point-item--img-point-status {
  width: 16px;
  height: 16px;
  margin-left: 7px;
}

/* line 182, app/assets/stylesheets/object/component/_label.scss */
.c-label-black-border-box {
  border: 1px solid #333333;
  padding: 0.1rem 0.7rem;
  display: inline-block;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.2rem;
  width: fit-content;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  /* line 198, app/assets/stylesheets/object/component/_label.scss */
  .c-label-brown.c-label-brown--text-m {
    font-size: 1rem;
  }
  /* line 201, app/assets/stylesheets/object/component/_label.scss */
  .c-label-brown.c-label-brown--text-s {
    font-size: 1rem;
  }
  /* line 205, app/assets/stylesheets/object/component/_label.scss */
  .c-label-total-point {
    padding: 1.4rem 3rem;
    font-size: 1.6rem;
  }
  /* line 209, app/assets/stylesheets/object/component/_label.scss */
  .c-label-round2-point-info-wrapper {
    padding: 1.2rem 1.5rem 1rem;
  }
  /* line 211, app/assets/stylesheets/object/component/_label.scss */
  .c-label-round2-point-info-wrapper .c-label-ranking-point-top-wrapper {
    padding-bottom: 0.8rem;
  }
  /* line 214, app/assets/stylesheets/object/component/_label.scss */
  .c-label-round2-point-info-wrapper .c-label-ranking-point-bottom-wrapper {
    padding-top: 0.7rem;
  }
  /* line 217, app/assets/stylesheets/object/component/_label.scss */
  .c-label-round2-point-info-wrapper .c-label-ranking-point-item {
    font-size: 1.5rem;
  }
  /* line 219, app/assets/stylesheets/object/component/_label.scss */
  .c-label-round2-point-info-wrapper .c-label-ranking-point-item--text-weight {
    font-size: 1.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-background-gradation {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  color: #ffffff;
  font-weight: 600;
  padding: 1.7rem 1.1rem;
  border-radius: 10px;
  line-height: 1;
  text-align: center;
  margin: 0 auto;
  font-size: 1.4rem;
  max-width: 1050px;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/object/component/_lead-text.scss */
  .c-lead-text-background-gradation {
    font-size: 1.2rem;
    padding: 1.7rem 0.7rem;
    letter-spacing: -1px;
  }
}

/* line 26, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-background-gray {
  background: #f2f2f2;
  color: #000;
  padding: 1.5rem 1.1rem;
  border-radius: 10px;
  line-height: 2;
  text-align: center;
  margin-top: 3rem;
}

/* line 36, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text__ranking-before-release {
  padding: 4rem 1rem 2.5rem;
}

/* line 38, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text__ranking-before-release--round {
  background: rgba(242, 242, 242, 0.7);
  border-radius: 8px;
  margin: 0 auto;
  max-width: 1050px;
  padding: 4rem 0;
}

@media (max-width: 1080px) {
  /* line 38, app/assets/stylesheets/object/component/_lead-text.scss */
  .c-lead-text__ranking-before-release--round {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

/* line 52, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-ranking-before-release__info {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}

/* line 59, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-ribbon {
  display: inline-block;
  position: relative;
  height: auto;
  line-height: 1.8rem;
  text-align: center;
  padding: 0.7rem 2rem;
  font-size: 1.8rem;
  background: #42B7A6;
  color: #ffffff;
  box-sizing: border-box;
  margin: 0.5rem auto;
}

@media (min-width: 1024px) {
  /* line 59, app/assets/stylesheets/object/component/_lead-text.scss */
  .c-lead-text-ribbon {
    font-size: 2.7rem;
    padding: 1.4rem 2rem;
  }
}

/* line 76, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-ribbon:before, .c-lead-text-ribbon:after {
  position: absolute;
  content: '';
  z-index: 1;
  border-style: solid;
  top: 0;
}

/* line 84, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-ribbon:before {
  left: -1px;
  border-width: 16px 0px 16px 11px;
  border-color: transparent transparent transparent #ffffff;
}

@media (min-width: 1024px) {
  /* line 84, app/assets/stylesheets/object/component/_lead-text.scss */
  .c-lead-text-ribbon:before {
    border-width: 23px 0px 23px 11px;
  }
}

/* line 93, app/assets/stylesheets/object/component/_lead-text.scss */
.c-lead-text-ribbon:after {
  right: -1px;
  border-width: 16px 11px 16px 0px;
  border-color: transparent #ffffff transparent transparent;
}

@media (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/object/component/_lead-text.scss */
  .c-lead-text-ribbon:after {
    border-width: 23px 11px 23px 0px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_line.scss */
.c-line {
  background: #d8dad5;
  width: 100%;
  height: 1px;
  display: block;
}

/* line 16, app/assets/stylesheets/object/component/_line.scss */
.c-line-vertical {
  width: 1px;
  display: block;
  background: #828282;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/object/component/_overlay.scss */
.c-overlay-firstview {
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 17, app/assets/stylesheets/object/component/_overlay.scss */
.c-overlay-background {
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  width: 100%;
  height: 100vh;
  content: '';
  transition: all .3s linear;
  background: rgba(0, 0, 0, 0.5);
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

/* line 14, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 26, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots li {
  display: inline-block;
  margin-right: 1.4rem;
}

/* line 30, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots li:last-of-type {
  margin-right: 0;
}

/* line 34, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots li button {
  position: relative;
  text-indent: -9999px;
}

/* line 38, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots li button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background: #e0e0e0;
  text-indent: 0;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-dots li.slick-active button:before {
  background-color: #24bbf3;
}

/* line 61, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-rectangle {
  text-align: center;
  display: flex;
  gap: 0.4rem;
  justify-content: center;
}

/* line 66, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-rectangle .c-pagination-rectangle__item {
  padding: 0.5rem 0.6rem;
  border-radius: 3px;
  font-weight: 400;
  font-size: 1.4rem;
}

/* line 71, app/assets/stylesheets/object/component/_pagination.scss */
.c-pagination-rectangle .c-pagination-rectangle__item--current {
  color: #ffffff;
  background: #8c59ff;
}

/* line 2, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__wrap-item {
  margin-right: 1.5rem;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

@media (min-width: 1024px) {
  /* line 2, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__wrap-item {
    width: 200px;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 2, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__wrap-item {
    width: 200px;
    margin-right: 0;
  }
}

/* line 15, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__wrap-item:first-of-type {
  margin-left: 2.4rem;
}

@media (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__wrap-item:first-of-type {
    margin-left: 0rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__wrap-item:first-of-type {
    margin-left: 0rem;
  }
}

/* line 25, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__wrap-item:last-of-type {
  margin-right: 0rem;
}

@media (min-width: 1024px) {
  /* line 25, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__wrap-item:last-of-type {
    margin-right: 0rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 25, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__wrap-item:last-of-type {
    margin-right: 0rem;
  }
}

/* line 36, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item {
  background: #fff;
  border-radius: 8px;
  padding: 4.7rem 1.2rem 2.5rem 1.2rem;
  width: 68vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media (min-width: 1024px) {
  /* line 36, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item {
    padding: 1.5rem;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 36, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item {
    padding: 1.5rem;
    width: 100%;
  }
}

/* line 53, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item .staff-img {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 0.8rem;
  width: 200px;
  height: 200px;
}

@media (min-width: 1024px) {
  /* line 53, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item .staff-img {
    width: 135px;
    height: 135px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 53, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item .staff-img {
    width: 135px;
    height: 135px;
  }
}

/* line 68, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item .staff-img img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  height: auto;
}

/* line 73, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item .staff-img img:hover {
  opacity: 0.8;
}

/* line 80, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap {
  display: flex;
  align-items: center;
  flex-flow: column;
  padding-top: 1rem;
  gap: 0.8rem;
  justify-content: center;
}

@media (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap {
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 80, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap {
    gap: 1rem;
  }
}

/* line 94, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap {
  padding: 0.1rem 1rem;
  border-radius: 20px;
}

/* line 98, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--hokkaido-tohoku {
  background-color: #9552ab;
}

/* line 102, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--tokyo {
  background-color: #0071bc;
}

/* line 106, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--kanto {
  background-color: #68bbe0;
}

/* line 110, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--chubu {
  background-color: #63ba2d;
}

/* line 114, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--kinki {
  background-color: #ffc500;
}

/* line 118, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--chugoku {
  background-color: #f7931e;
}

/* line 122, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap--kyusyu {
  background-color: #ff1d25;
}

/* line 126, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap .area-name {
  font-size: 1.2rem;
  color: #ffffff;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

@media (min-width: 1024px) {
  /* line 126, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap .area-name {
    font-size: 0.9rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 126, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .area-name-wrap .area-name {
    font-size: 0.9rem;
  }
}

/* line 139, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap {
  text-align: center;
  max-width: 400px;
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap {
    text-align: center;
    max-width: 138px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 139, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap {
    text-align: center;
    max-width: 138px;
  }
}

/* line 151, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .name {
  font-weight: 600;
  font-size: 2.3rem;
}

@media (min-width: 1024px) {
  /* line 151, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .name {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 151, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .name {
    font-size: 1.6rem;
  }
}

/* line 161, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .shop-name,
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .label-name {
  font-size: 1.4rem;
  color: #828282;
}

@media (min-width: 1024px) {
  /* line 161, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .shop-name,
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .label-name {
    font-size: 1.2rem;
  }
}

/* line 168, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .shop-name include tablet,
.c_second_stage_passing_staff_card__item-bottom-wrap .name-wrap .label-name include tablet {
  font-size: 1.2rem;
}

/* line 173, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__item-bottom-wrap p {
  word-break: break-all;
}

/* line 178, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
.c_second_stage_passing_staff_card__btn {
  margin: 2rem auto 0;
}

@media (min-width: 1024px) {
  /* line 178, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__btn {
    font-size: 1.2rem;
    margin: 1.5rem auto 0;
    padding: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 178, app/assets/stylesheets/object/component/_second_stage_passing_staff_card.scss */
  .c_second_stage_passing_staff_card__btn {
    font-size: 1.2rem;
    margin: 1.5rem auto 0;
    padding: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-input {
  height: 0;
  display: none;
}

/* line 13, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-item {
  font-weight: 700;
  padding: 1rem 0.6rem;
  cursor: pointer;
  text-align: center;
  color: #d8dad5;
  border-radius: 3px;
  order: -1;
  font-weight: bold;
  display: block;
}

/* line 23, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-item--current {
  color: #ffffff;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  cursor: inherit;
}

/* line 28, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-item--en {
  font-family: "futura-pt", sans-serif;
}

/* line 33, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-small-item {
  padding: 0.4rem 1.2rem;
  background-color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
  font-size: 1.2rem;
}

/* line 39, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-small-item--current {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
}

/* line 41, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-small-item--current .c-tab-small-item__label {
  color: #ffffff;
}

/* line 45, app/assets/stylesheets/object/component/_tab.scss */
.c-tab-small-item .c-tab-small-item__label {
  white-space: nowrap;
  color: #d8dad5;
  font-weight: bold;
}

/* line 52, app/assets/stylesheets/object/component/_tab.scss */
.c-content-selected {
  background: #f5f5f4;
  padding: 1rem 1.2rem 0.8rem;
  display: none;
  flex-wrap: wrap;
  gap: 1.2rem;
  border-radius: 0.2rem;
}

/* line 59, app/assets/stylesheets/object/component/_tab.scss */
.c-content-selected.is-show {
  display: flex;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_table.scss */
.c-table-total-point-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  margin-top: 0.9rem;
  margin-bottom: 0.01rem;
}

/* line 18, app/assets/stylesheets/object/component/_table.scss */
.c-table-total-point {
  font-size: 3.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 24, app/assets/stylesheets/object/component/_table.scss */
.c-table-total-point--unit {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
}

/* line 30, app/assets/stylesheets/object/component/_table.scss */
.c-table-date {
  min-width: 114px;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  color: #ffffff;
  border-radius: 100px;
  height: 30px;
  line-height: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}

/* line 44, app/assets/stylesheets/object/component/_table.scss */
.c-table-date--month, .c-table-date--day {
  font-size: 1.4rem;
}

/* line 50, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1rem;
}

/* line 58, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__row {
  display: flex;
  align-items: stretch;
  gap: 1px;
  background-color: #ffffff;
}

/* line 65, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__label {
  color: #ffffff;
  min-width: 80px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
}

/* line 74, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__label--2nd {
  background: #17d135;
}

/* line 78, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__label--3rd {
  background: #ff9378;
}

/* line 82, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__label--others {
  background: #858282;
}

/* line 86, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__label--number {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 91, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__detail {
  flex: 1;
  background: #F1F0F0;
  display: flex;
  flex-direction: column;
}

/* line 97, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__detail--2nd {
  padding: 0.9rem 1rem;
  gap: 0.5rem;
}

/* line 102, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__detail--3rd {
  padding: 0.75rem 1rem;
  gap: 0.5rem;
}

/* line 107, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__detail--others {
  padding: 0.9rem 1rem;
  gap: 0.25rem;
}

/* line 113, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__item {
  line-height: 1;
  letter-spacing: 0;
}

/* line 118, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__description {
  font-size: 1.2rem;
}

/* line 122, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__icon {
  margin-right: 5px;
}

/* line 126, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__point {
  font-size: 1.6rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* line 131, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__unit {
  font-weight: 500;
  font-size: 1.2rem;
}

/* line 136, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__rank-container {
  font-size: 1rem;
}

/* line 140, app/assets/stylesheets/object/component/_table.scss */
.c-stage-table__rank {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 145, app/assets/stylesheets/object/component/_table.scss */
.c-point-table {
  display: flex;
  flex-direction: column;
  gap: 1px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  overflow: hidden;
}

/* line 153, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__row {
  display: flex;
  padding: 0.6rem 0;
}

/* line 157, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__row--2nd {
  border-bottom: 1px solid #DDDDDD;
}

/* line 162, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__label {
  min-width: 90px;
  padding: 0 1rem;
  font-size: 1.2rem;
}

/* line 167, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__label--2nd {
  color: #17d135;
}

/* line 171, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__label--3rd {
  color: #ff9378;
}

/* line 175, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__label--number {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 180, app/assets/stylesheets/object/component/_table.scss */
.c-point-table__point {
  font-size: 1.3rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media (min-width: 1024px) {
  /* line 193, app/assets/stylesheets/object/component/_table.scss */
  .c-table-total-point--unit {
    font-size: 2rem;
  }
  /* line 198, app/assets/stylesheets/object/component/_table.scss */
  .c-table-date {
    padding: 0 1rem;
    font-size: 1.2rem;
  }
  /* line 202, app/assets/stylesheets/object/component/_table.scss */
  .c-table-date--month, .c-table-date--day {
    font-size: 1.5rem;
  }
  /* line 209, app/assets/stylesheets/object/component/_table.scss */
  .c-stage-table__label {
    min-width: 100px;
    font-size: 1.4rem;
  }
  /* line 214, app/assets/stylesheets/object/component/_table.scss */
  .c-stage-table__description {
    font-size: 1.4rem;
  }
  /* line 218, app/assets/stylesheets/object/component/_table.scss */
  .c-stage-table__point {
    font-size: 1.8rem;
  }
  /* line 222, app/assets/stylesheets/object/component/_table.scss */
  .c-stage-table__unit {
    font-size: 1.4rem;
  }
  /* line 226, app/assets/stylesheets/object/component/_table.scss */
  .c-stage-table__rank-container {
    font-size: 1.2rem;
  }
  /* line 232, app/assets/stylesheets/object/component/_table.scss */
  .c-point-table__label {
    font-size: 1.4rem;
  }
  /* line 236, app/assets/stylesheets/object/component/_table.scss */
  .c-point-table__point {
    font-size: 1.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/component/_title.scss */
.c-title-section {
  padding-left: 5%;
}

/* line 11, app/assets/stylesheets/object/component/_title.scss */
.c-title-section--pl-none {
  padding-left: 0;
}

/* line 14, app/assets/stylesheets/object/component/_title.scss */
.c-title-section__sub-title {
  font-size: 1.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* line 18, app/assets/stylesheets/object/component/_title.scss */
.c-title-section__title {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.0833em;
  -webkit-text-stroke: 0.2px #333333;
  margin-top: 0.5rem;
}

/* line 24, app/assets/stylesheets/object/component/_title.scss */
.c-title-section__title.c-title-section__title--white-shadow {
  -webkit-text-stroke: 0.2px #ffffff;
}

/* line 27, app/assets/stylesheets/object/component/_title.scss */
.c-title-section__title.c-title-section__letter-space {
  letter-spacing: 0.0033em;
}

/* line 32, app/assets/stylesheets/object/component/_title.scss */
.c-title-popup {
  font-family: "futura-pt", sans-serif;
  font-weight: bold;
}

/* line 36, app/assets/stylesheets/object/component/_title.scss */
.c-title-small {
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}

/* line 42, app/assets/stylesheets/object/component/_title.scss */
.c-title-sub-title {
  font-size: 1.6rem;
}

/* line 44, app/assets/stylesheets/object/component/_title.scss */
.c-title-sub-title .c-title-sub-title__box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 52, app/assets/stylesheets/object/component/_title.scss */
.c-title-border {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
}

/* line 57, app/assets/stylesheets/object/component/_title.scss */
.c-title-border .c-title-border__text {
  font-family: "futura-pt", sans-serif;
  font-size: 2.5rem;
  color: #ffffff;
}

/* line 62, app/assets/stylesheets/object/component/_title.scss */
.c-title-border .c-title-border__border {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}

/* line 68, app/assets/stylesheets/object/component/_title.scss */
.c-title-border.c-title-border--gold .c-title-border__text {
  color: #c3a462;
}

/* line 71, app/assets/stylesheets/object/component/_title.scss */
.c-title-border.c-title-border--gold .c-title-border__border {
  background-color: #c3a462;
}

/* line 76, app/assets/stylesheets/object/component/_title.scss */
.c-title-border.c-title-border--silver .c-title-border__text {
  color: #ababab;
}

/* line 79, app/assets/stylesheets/object/component/_title.scss */
.c-title-border.c-title-border--silver .c-title-border__border {
  background-color: #ababab;
}

/* line 84, app/assets/stylesheets/object/component/_title.scss */
.c-title-border.c-title-border--blonze .c-title-border__text {
  color: #9a8a7b;
}

/* line 87, app/assets/stylesheets/object/component/_title.scss */
.c-title-border.c-title-border--blonze .c-title-border__border {
  background-color: #9a8a7b;
}

/* line 92, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-black {
  background: #000000;
  padding: 1.7rem 3rem 1.5rem;
}

/* line 96, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-black .c-title-bg-black__soty-title-logo {
  display: block;
  width: 100%;
  max-width: 262px;
  margin: 0 auto;
}

/* line 103, app/assets/stylesheets/object/component/_title.scss */
.c-title-img {
  padding-left: 6vw;
  padding-right: 4vw;
  padding-bottom: 1rem;
}

/* line 107, app/assets/stylesheets/object/component/_title.scss */
.c-title-img img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 112, app/assets/stylesheets/object/component/_title.scss */
.c-title-img .c-title-img__main {
  max-width: 400px;
}

/* line 116, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img {
  width: 100%;
  position: relative;
  z-index: -3;
  color: #ffffff;
}

/* line 121, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img::before, .c-title-bg-img::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 275px;
  top: 0;
  left: 0;
}

/* line 131, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img::before {
  z-index: -2;
  background: linear-gradient(0deg, rgba(70, 70, 70, 0) 0%, black 50%, black 100%);
}

/* line 140, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img::after {
  z-index: -1;
  opacity: 0.2;
  background: linear-gradient(180deg, #ff3574 1.44%, #ffbc01 29.67%, #ffbc01 57.9%, rgba(255, 53, 116, 0) 100%);
}

/* line 152, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img .c-title-bg-img__sub-inner {
  display: block;
  font-weight: bold;
  font-family: "futura-pt", sans-serif;
  background: linear-gradient(90deg, rgba(195, 164, 98, 0.05) 0%, #c3a462 12%, rgba(195, 164, 98, 0) 100%);
  position: relative;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 4rem;
}

/* line 167, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img .c-title-bg-img__icon {
  display: block;
  width: 100%;
  max-width: 33px;
  height: auto;
  position: absolute;
  left: 0.8rem;
  bottom: -5px;
}

/* line 176, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img .c-title-bg-img__sub-title {
  display: block;
  font-size: 1rem;
  padding-left: 1rem;
}

/* line 181, app/assets/stylesheets/object/component/_title.scss */
.c-title-bg-img .c-title-bg-img__main-title {
  font-size: 1.8rem;
  padding-left: 1.5rem;
  padding-top: 1.8rem;
  display: block;
  text-shadow: 0 0 10px #ffff00, 0 0 20px #ffffaa, 0 0 40px #a52a2a, 0 0 80px #800080;
}

/* line 190, app/assets/stylesheets/object/component/_title.scss */
.c-title-vertical-line {
  position: relative;
  padding-left: 4rem;
}

/* line 193, app/assets/stylesheets/object/component/_title.scss */
.c-title-vertical-line::before {
  position: absolute;
  left: 15px;
  top: 0;
  width: 3px;
  height: 100%;
  content: "";
  display: block;
  background: linear-gradient(91deg, #ffbc01 0%, #ff3574 100%);
}

/* line 207, app/assets/stylesheets/object/component/_title.scss */
.c-title-vertical-line .c-title-vertical-line__sub-text {
  font-size: 1.4rem;
  font-family: "futura-pt", sans-serif;
  display: table;
}

/* line 212, app/assets/stylesheets/object/component/_title.scss */
.c-title-vertical-line .c-title-vertical-line__main-text {
  padding-top: 0.2rem;
  font-size: 2rem;
  display: block;
}

/* line 218, app/assets/stylesheets/object/component/_title.scss */
.c-title-scroll-display {
  visibility: hidden;
}

/* line 220, app/assets/stylesheets/object/component/_title.scss */
.c-title-scroll-display.is-show {
  visibility: visible;
  opacity: 1;
  transition: 0.5s linear;
}

/* line 226, app/assets/stylesheets/object/component/_title.scss */
.c-title-gradation {
  padding: 1.5rem 4vw;
}

/* line 228, app/assets/stylesheets/object/component/_title.scss */
.c-title-gradation .c-title-gradation__sub-text {
  font-size: 1.4rem;
  font-family: "futura-pt", sans-serif;
  display: block;
}

/* line 233, app/assets/stylesheets/object/component/_title.scss */
.c-title-gradation .c-title-gradation__main-text {
  padding-top: 0.2rem;
  font-size: 2.4rem;
  display: block;
}

/* line 239, app/assets/stylesheets/object/component/_title.scss */
.c-title-judge {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-bottom: 1.5rem;
}

/* line 246, app/assets/stylesheets/object/component/_title.scss */
.c-title-judge::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 530px;
  max-width: calc(100% - 2.2rem);
  height: 15px;
  background: radial-gradient(50% 90% at 50% 100%, #BC9760 0%, rgba(188, 151, 96, 0) 100%);
}

/* line 258, app/assets/stylesheets/object/component/_title.scss */
.c-title-judge--ja {
  font-weight: 600;
  font-size: 1.4rem;
  font-family: "Hiragino Sans", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #D3B992;
}

/* line 267, app/assets/stylesheets/object/component/_title.scss */
.c-title-judge--en {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg, #D5BC95 21.74%, #BC975F 73.91%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 287, app/assets/stylesheets/object/component/_title.scss */
  .c-title-img {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 1.5rem;
  }
  /* line 293, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-inner {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 2rem;
  }
  /* line 297, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-inner::before {
    left: 2rem;
    bottom: 0;
  }
  /* line 302, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__icon {
    max-width: 43px;
    bottom: -0.5rem;
  }
  /* line 306, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-title {
    font-size: 1.8rem;
    padding-left: 5rem;
  }
  /* line 310, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__main-title {
    font-size: 2.8rem;
    padding-left: 2rem;
    padding-top: 2.2rem;
  }
  /* line 317, app/assets/stylesheets/object/component/_title.scss */
  .c-title-vertical-line .c-title-vertical-line__main-text {
    padding-top: 0.5rem;
    font-size: 2.6rem;
  }
  /* line 322, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation {
    padding: 2rem 4vw 1.5rem;
  }
  /* line 324, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__sub-text {
    font-size: 1.6rem;
  }
  /* line 327, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__main-text {
    padding-top: 0.5rem;
    font-size: 2.6rem;
  }
  /* line 333, app/assets/stylesheets/object/component/_title.scss */
  .c-title-judge--ja {
    font-size: 1.6rem;
  }
  /* line 336, app/assets/stylesheets/object/component/_title.scss */
  .c-title-judge--en {
    font-size: 3.2rem;
  }
}

@media (min-width: 1024px) {
  /* line 349, app/assets/stylesheets/object/component/_title.scss */
  .c-title-section {
    padding-left: inherit;
  }
  /* line 351, app/assets/stylesheets/object/component/_title.scss */
  .c-title-section .c-title-section__sub-title {
    font-size: 1.6rem;
  }
  /* line 354, app/assets/stylesheets/object/component/_title.scss */
  .c-title-section .c-title-section__title {
    font-size: 2.8rem;
  }
  /* line 358, app/assets/stylesheets/object/component/_title.scss */
  .c-title-border {
    gap: 3rem;
  }
  /* line 360, app/assets/stylesheets/object/component/_title.scss */
  .c-title-border .c-title-border__text {
    font-size: 3.2rem;
  }
  /* line 364, app/assets/stylesheets/object/component/_title.scss */
  .c-title-sub-title {
    font-size: 1.8rem;
  }
  /* line 366, app/assets/stylesheets/object/component/_title.scss */
  .c-title-sub-title .c-title-sub-title__box {
    gap: 1rem;
  }
  /* line 370, app/assets/stylesheets/object/component/_title.scss */
  .c-title-img {
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 1.5rem;
  }
  /* line 376, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-inner {
    padding-left: 2rem;
  }
  /* line 379, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__icon {
    max-width: 43px;
    bottom: -0.5rem;
  }
  /* line 383, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-title {
    font-size: 1.8rem;
    padding-left: 5rem;
  }
  /* line 387, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__main-title {
    font-size: 2.8rem;
    padding-left: 1.5rem;
    padding-top: 2.2rem;
  }
  /* line 394, app/assets/stylesheets/object/component/_title.scss */
  .c-title-vertical-line .c-title-vertical-line__main-text {
    padding-top: 0.5rem;
    font-size: 2.6rem;
  }
  /* line 399, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  /* line 402, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__sub-text {
    font-size: 1.8rem;
  }
  /* line 405, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__main-text {
    padding-top: 0.5rem;
    font-size: 3.5rem;
  }
  /* line 411, app/assets/stylesheets/object/component/_title.scss */
  .c-title-judge--ja {
    font-size: 2.1rem;
  }
  /* line 414, app/assets/stylesheets/object/component/_title.scss */
  .c-title-judge--en {
    font-size: 4.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/component/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/component/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/component/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/component/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/component/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/component/_selected-item.scss */
.c-selected-item .c-selected-item__label {
  display: flex;
  gap: 0.4rem;
  white-space: inherit;
  font-size: 1.2rem;
  align-items: center;
}

/* line 17, app/assets/stylesheets/object/component/_selected-item.scss */
.c-selected-item .c-selected-item__delete {
  display: flex;
  width: 1.3rem;
  height: 1.3rem;
}

/* line 21, app/assets/stylesheets/object/component/_selected-item.scss */
.c-selected-item .c-selected-item__delete img {
  width: 100%;
  height: auto;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/project/_card.scss */
.p-card-news .p-card-news__img {
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

/* line 14, app/assets/stylesheets/object/project/_card.scss */
.p-card-news .p-card-news__img img {
  width: 100%;
}

/* line 18, app/assets/stylesheets/object/project/_card.scss */
.p-card-news .p-card-news__bottom {
  padding: 0.4rem 0.8rem;
}

/* line 21, app/assets/stylesheets/object/project/_card.scss */
.p-card-news .p-card-news__text {
  font-size: 1.2rem;
  color: #828282;
  font-weight: 300;
}

/* line 25, app/assets/stylesheets/object/project/_card.scss */
.p-card-news .p-card-news__text--bold {
  font-weight: 600;
}

/* line 29, app/assets/stylesheets/object/project/_card.scss */
.p-card-news .p-card-news__title {
  font-weight: 600;
  font-size: 1.4rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* line 37, app/assets/stylesheets/object/project/_card.scss */
.p-card-ranking-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  padding: 1.2rem 1.4rem;
  font-size: 1.4rem;
  word-break: break-all;
  line-height: 1.2;
  width: 100%;
  max-width: 1050px;
}

@media (min-width: 768px) {
  /* line 37, app/assets/stylesheets/object/project/_card.scss */
  .p-card-ranking-row {
    width: 95vw;
  }
}

/* line 52, app/assets/stylesheets/object/project/_card.scss */
.p-card-ranking-row .p-card-ranking-row__img {
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
}

/* line 57, app/assets/stylesheets/object/project/_card.scss */
.p-card-ranking-row .p-card-ranking-row__left {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

/* line 62, app/assets/stylesheets/object/project/_card.scss */
.p-card-ranking-row .p-card-ranking-row__center {
  width: calc(82% - 10rem);
  word-break: break-all;
}

/* line 66, app/assets/stylesheets/object/project/_card.scss */
.p-card-ranking-row .p-card-ranking-row__right {
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* line 72, app/assets/stylesheets/object/project/_card.scss */
.p-card-ranking-row.p-card-ranking-row--gray {
  background: #e0e0e0;
}

/* line 77, app/assets/stylesheets/object/project/_card.scss */
.p-card-video {
  position: relative;
  display: block;
}

/* line 80, app/assets/stylesheets/object/project/_card.scss */
.p-card-video--large {
  width: 100%;
  height: 164vw;
}

/* line 84, app/assets/stylesheets/object/project/_card.scss */
.p-card-video--medium {
  height: 136.5332vw;
  width: 76.8vw;
}

/* line 88, app/assets/stylesheets/object/project/_card.scss */
.p-card-video--small {
  height: 94vw;
  width: 52.8vw;
}

/* line 92, app/assets/stylesheets/object/project/_card.scss */
.p-card-video--half {
  width: 100%;
  height: 85vw;
}

/* line 96, app/assets/stylesheets/object/project/_card.scss */
.p-card-video .p-card-video__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 100;
}

/* line 106, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  width: 100%;
}

/* line 110, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows--medium {
  grid-template-columns: 4.8rem calc(100% - 14.4rem) 8rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 0 0.8rem;
  font-size: 1.4rem;
}

/* line 117, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows--small {
  grid-template-columns: 3rem calc(100% - 10rem) 6rem;
  padding: 0.6rem 0.4rem;
  gap: 0 0.5rem;
  font-size: 1.2rem;
}

/* line 123, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows .p-card-3rows__img-wrap {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 130, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows .p-card-3rows__profile {
  grid-column: 2 / 4;
  grid-row: 1 / 4;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  word-break: break-all;
}

/* line 138, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows .p-card-3rows__heart {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}

/* line 142, app/assets/stylesheets/object/project/_card.scss */
.p-card-3rows .p-card-3rows__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 149, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows {
  display: grid;
  grid-template-rows: 1fr 1fr;
  width: 100%;
}

/* line 153, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows--medium {
  grid-template-columns: 4.8rem calc(100% - 14.4rem) 8rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 0 0.8rem;
  font-size: 1.4rem;
}

/* line 160, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows--large {
  grid-template-columns: 10.8rem calc(100% - 24rem) 10rem;
  gap: 1.6rem;
  padding: 1.2rem 1.4rem;
}

/* line 165, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__img-wrap {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 172, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__left {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

/* line 176, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__bottom {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 183, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__point {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* line 188, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__top {
  grid-column: 2 / 4;
  grid-row: 1 / 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 195, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__label-logo {
  z-index: 1;
}

/* line 198, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__profile-img {
  margin-left: -0.8rem;
}

/* line 201, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__profile {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

/* line 208, app/assets/stylesheets/object/project/_card.scss */
.p-card-2rows .p-card-2rows__heart {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

/* line 213, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  display: block;
  width: 100%;
  max-width: 280px;
}

/* line 219, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking.p-card-latest-ranking--m {
  width: calc((100% - 1.5rem) / 2);
}

/* line 222, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__box {
  word-wrap: break-word;
  background: #ffffff;
  display: flex;
  align-items: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 1.5rem 1rem;
  gap: 1rem;
  justify-content: space-between;
}

/* line 233, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__company-left {
  width: calc((100% - 1rem) - 95px);
}

/* line 235, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__company-left.p-card-latest-ranking__company-left--finalist {
  width: 100%;
}

/* line 239, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__company-right {
  width: 95px;
  font-size: 1.4rem;
}

/* line 242, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__company-right.p-card-latest-ranking__company-right--finalist {
  font-size: 1.5rem;
  width: 100px;
}

/* line 247, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__staff-left {
  width: 48px;
}

/* line 249, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__staff-left.p-card-latest-ranking__staff-left--finalist {
  width: 30px;
}

/* line 253, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__staff-right {
  width: calc((100% - 1rem) - 48px);
}

/* line 255, app/assets/stylesheets/object/project/_card.scss */
.p-card-latest-ranking .p-card-latest-ranking__staff-right.p-card-latest-ranking__staff-right--finalist {
  width: calc((100% - 1rem) - 30px);
}

/* line 262, app/assets/stylesheets/object/project/_card.scss */
.p-card-youtube-featured .p-card-youtube-featured__img {
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

/* line 267, app/assets/stylesheets/object/project/_card.scss */
.p-card-youtube-featured .p-card-youtube-featured__img img {
  width: 100%;
}

/* line 270, app/assets/stylesheets/object/project/_card.scss */
.p-card-youtube-featured .p-card-youtube-featured__img .p-card-youtube-featured__play-button {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}

/* line 279, app/assets/stylesheets/object/project/_card.scss */
.p-card-youtube-featured .p-card-youtube-featured__bottom {
  padding: 0.4rem 0.8rem;
}

/* line 282, app/assets/stylesheets/object/project/_card.scss */
.p-card-youtube-featured .p-card-youtube-featured__title {
  font-weight: 900;
  font-size: 1.4rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 296, app/assets/stylesheets/object/project/_card.scss */
  .p-card-video--large {
    height: 83vw;
    width: 100%;
  }
  /* line 300, app/assets/stylesheets/object/project/_card.scss */
  .p-card-video--medium, .p-card-video--small {
    height: 71vw;
    width: 40vw;
  }
  /* line 306, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking {
    width: 100%;
  }
  /* line 308, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking.p-card-latest-ranking--m {
    max-width: 280px;
    width: calc((100% - 3rem) / 3);
  }
  /* line 313, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking .p-card-latest-ranking__company-right.p-card-latest-ranking__company-right--finalist {
    font-size: 2rem;
    width: 120px;
  }
  /* line 319, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking .p-card-latest-ranking__staff-left.p-card-latest-ranking__staff-left--finalist {
    width: 48px;
  }
  /* line 324, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking .p-card-latest-ranking__staff-right.p-card-latest-ranking__staff-right--finalist {
    width: calc((100% - 1rem) - 48px);
  }
  /* line 331, app/assets/stylesheets/object/project/_card.scss */
  .p-card-youtube-featured .p-card-youtube-featured__play-button img {
    min-width: 60px;
    min-height: 60px;
  }
}

@media (min-width: 1024px) {
  /* line 345, app/assets/stylesheets/object/project/_card.scss */
  .p-card-video--large, .p-card-video--medium, .p-card-video--small {
    height: 344px;
    width: 100%;
  }
  /* line 351, app/assets/stylesheets/object/project/_card.scss */
  .p-card-video--half {
    max-height: 344px;
    height: 64vw;
  }
  /* line 357, app/assets/stylesheets/object/project/_card.scss */
  .p-card-ranking-row .p-card-ranking-row__img {
    width: 8rem;
    height: 8rem;
    min-width: 8rem;
  }
  /* line 364, app/assets/stylesheets/object/project/_card.scss */
  .p-card-3rows--small {
    grid-template-columns: 5rem calc(100% - 12rem) 6rem;
    gap: 0 0.5rem;
    font-size: 1.3rem;
  }
  /* line 371, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking--m {
    max-width: 320px;
    width: calc((100% - 5rem) / 3);
  }
  /* line 376, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking .p-card-latest-ranking__staff-left--finalist {
    width: 55px;
  }
  /* line 381, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking .p-card-latest-ranking__staff-right--finalist {
    width: calc((100% - 1rem) - 55px);
  }
  /* line 386, app/assets/stylesheets/object/project/_card.scss */
  .p-card-latest-ranking .p-card-latest-ranking__company-right--finalist {
    font-size: 2.2rem;
    width: 120px;
  }
  /* line 394, app/assets/stylesheets/object/project/_card.scss */
  .p-card-youtube-featured .p-card-youtube-featured__play-button img {
    min-width: 60px;
    min-height: 60px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/project/_company-detail.scss */
.p-company-detail .p-company-detail__staff-wrap {
  display: contents;
}

@media (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/object/project/_company-detail.scss */
  .p-company-detail .p-company-detail__staff-wrap {
    display: block;
    max-width: 1050px;
    margin: 0 auto 2rem;
  }
  /* line 26, app/assets/stylesheets/object/project/_company-detail.scss */
  .p-company-detail .p-company-detail__staff-wrap-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
  /* line 31, app/assets/stylesheets/object/project/_company-detail.scss */
  .p-company-detail .p-company-detail__staff-item {
    width: 50%;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_form.scss */
.p-form-box {
  border: 1px solid #adb0ab;
  padding: 0.9rem 1.5rem;
  border-radius: 3px;
  display: block;
  width: 100%;
}

/* line 15, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box-title {
  position: relative;
  width: 100%;
  height: 4.6rem;
  margin-bottom: 2rem;
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  color: #ffffff;
  font-weight: 700;
  padding: 1rem 0.6rem;
  text-align: center;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 30, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__item {
  width: 100%;
  padding-bottom: 0;
}

/* line 33, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__item > .p-form-box__accordion-checkbox:checked + .p-form-box__accordion-label + .p-form-box__content {
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid #d8dad5;
}

/* line 40, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__item:last-child .p-form-box__accordion-label-row {
  border-bottom: none;
}

/* line 43, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__item:last-child > .p-form-box__accordion-checkbox:checked + .p-form-box__accordion-label + .p-form-box__content {
  border-top: 1px solid #d8dad5;
  border-bottom: none;
}

/* line 49, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-checkbox {
  display: none;
}

/* line 51, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-checkbox:checked + .p-form-box__accordion-label ~ .p-form-box__content {
  height: fit-content;
  opacity: 1;
  visibility: visible;
  padding-top: 1.5rem;
  margin-top: 0.8rem;
  width: 100%;
}

/* line 59, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-checkbox:checked + .p-form-box__accordion-label .p-form-box__toggle-icon {
  transform: rotate(180deg);
}

/* line 63, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__content {
  height: 0;
  opacity: 0;
  border-top: 1px solid #d8dad5;
  transition: 0.3s;
  visibility: hidden;
  display: flex;
  gap: 1rem 2.2rem;
  flex-wrap: wrap;
}

/* line 72, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__content > .p-form-box__content {
  width: 100%;
}

/* line 76, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__label {
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
}

/* line 81, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-label {
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 600;
}

/* line 89, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-label-left {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

/* line 94, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-label-row {
  padding-bottom: 1.3rem;
  border-bottom: 1px solid #d8dad5;
}

/* line 97, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-label-row + .p-form-box__content {
  border-top: none;
  padding-left: 2rem;
}

/* line 102, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__accordion-label-inner {
  display: flex;
  font-weight: 300;
}

/* line 106, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__count {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  font-size: 0.9rem;
  font-weight: 700;
  width: 16px;
  height: 16px;
  margin-left: 0.8rem;
  visibility: hidden;
  opacity: 0;
}

/* line 120, app/assets/stylesheets/object/project/_form.scss */
.p-form-box .p-form-box__count.is-show {
  visibility: visible;
  opacity: 1;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual {
  position: relative;
  font-weight: bold;
  min-height: 100vh;
  height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

/* line 18, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__front {
  padding-top: 6.4rem;
  padding-bottom: 10rem;
  margin: 0;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
}

/* line 29, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__front.p-top-mainvisual__front--final {
  padding-top: 5rem;
  padding-bottom: 8rem;
}

/* line 34, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__search-button {
  position: absolute;
  bottom: 3vw;
  right: 3vw;
  z-index: 1;
}

/* line 40, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__top-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

/* line 47, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__logo-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* line 54, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__top-wrap-movie {
  max-width: 65vw;
  width: 100%;
}

/* line 59, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__logo {
  opacity: 0.8;
  max-width: 240px;
  width: 58vw;
  height: auto;
}

/* line 64, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__logo.p-top-mainvisual__logo--final {
  width: 100%;
  max-width: 400px;
  padding-left: 30px;
}

/* line 69, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__logo img {
  height: auto;
  width: 100%;
}

/* line 75, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__date img {
  width: 100%;
  height: auto;
  max-width: 49rem;
  margin-left: -0.4rem;
}

/* line 82, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__catchphrase {
  font-size: 2.4rem;
  color: #ffffff;
  opacity: 0.8;
  text-align: left;
  display: flex;
  flex-direction: column;
}

/* line 89, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__catchphrase .en {
  font-family: "futura-pt", sans-serif;
  font-size: 2.7rem;
}

/* line 93, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__catchphrase .border-text {
  letter-spacing: 0.119em;
  text-shadow: 1px 1px 0 #333333, -1px -1px 0 #333333, -1px 1px 0 #333333, 1px -1px 0 #333333, 0px 1px 0 #333333, -1px 0 #333333, -1px 0 0 #333333, 1px 0 0 #333333;
  font-size: 2.4rem;
}

/* line 100, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__catchphrase .top-text {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

/* line 106, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .small-en {
  letter-spacing: 0.3em;
  font-family: "futura-pt", sans-serif;
}

/* line 110, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__brand-text {
  text-shadow: 1px 1px 0 #333333, -1px -1px 0 #333333, -1px 1px 0 #333333, 1px -1px 0 #333333, 0px 1px 0 #333333, -1px 0 #333333, -1px 0 0 #333333, 1px 0 0 #333333;
  color: #ffffff;
  letter-spacing: 0.119em;
}

/* line 117, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .small-text {
  font-size: 1.2rem;
  font-size: 2vw;
}

/* line 122, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__count {
  margin-top: 1rem;
  width: 100%;
}

/* line 125, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__count .lead-text {
  color: #828282;
  background: #ffffff;
  font-size: 1.5rem;
  padding: 0.2rem;
}

/* line 131, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__count .p-top-mainvisual__count-number {
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "futura-pt", sans-serif;
  font-size: 3.6rem;
}

/* line 138, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__count .p-top-mainvisual__elapsed-date {
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "futura-pt", sans-serif;
  font-size: 2.2rem;
}

/* line 147, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__bg {
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 668px;
  overflow: hidden;
}

/* line 157, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__bg-loop {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100vw;
  overflow: hidden;
  height: calc(100% / 3);
}

/* line 165, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__bg-loop-row {
  display: flex;
  flex-flow: row nowrap;
  width: auto;
  margin: 0;
  padding: 0;
}

/* line 171, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__bg-loop-row:first-of-type {
  animation: loopBackground01 infinite linear;
  animation-duration: 50s;
  animation-delay: -25s;
}

/* line 176, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__bg-loop-row:last-of-type {
  animation: loopBackground02 infinite linear;
  animation-duration: 50s;
}

@keyframes loopBackground01 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loopBackground02 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

/* line 197, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  position: relative;
  width: calc(100% + 5px);
  margin-left: -10px;
}

/* line 205, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 210, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket .p-top-mainvisual__ticket-img {
  max-width: 450px;
}

/* line 214, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__vote {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  display: flex;
  align-items: center;
  position: relative;
  width: calc(100% + 8vw);
  margin-top: 2rem;
  margin-left: -4vw;
}

/* line 223, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__vote img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 228, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__vote .p-top-mainvisual__vote-img {
  max-width: 500px;
}

/* line 232, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__vote-link {
  display: block;
  width: 100%;
}

/* line 235, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__vote-link img {
  display: block;
  width: 100%;
}

/* line 240, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket-inner {
  position: absolute;
  top: 58%;
  right: 11px;
  transform: translateY(-50%);
  width: 100%;
  max-width: clamp(102px, 24vw, 128px);
}

/* line 248, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket-text {
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  padding-bottom: 0.5rem;
  font-family: "futura-pt", sans-serif;
  color: white;
  text-shadow: 0 0 10px #FFFF00, 0 0 20px #FFFFAA, 0 0 40px #A52A2A, 0 0 80px #800080;
}

/* line 249, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket-text.p-top-mainvisual__ticket-text--pt-t {
  padding-top: 0.8rem;
}

/* line 258, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual .p-top-mainvisual__ticket-date {
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  padding-top: 0.5rem;
  font-family: "futura-pt", sans-serif;
  color: white;
  font-weight: 500;
}

/* line 267, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual-search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 1rem 1.5rem 1rem 1rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  max-width: 250px;
  cursor: pointer;
}

/* line 281, app/assets/stylesheets/object/project/_mainvisual.scss */
.p-top-mainvisual-search-button img {
  width: 30px;
  height: 30px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 294, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__logo.p-top-mainvisual__logo--final {
    max-width: 38vw;
    padding-left: 50px;
    padding-bottom: 2rem;
  }
  /* line 299, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__logo img {
    width: 100%;
  }
  /* line 303, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__top-wrap-movie {
    width: 100%;
    max-width: 400px;
  }
  /* line 307, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket {
    width: 500px;
  }
  /* line 309, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket .p-top-mainvisual__ticket-img {
    max-width: 500px;
  }
  /* line 313, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__vote {
    width: 650px;
    margin-left: auto;
  }
  /* line 317, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-inner {
    position: absolute;
    top: 56%;
    right: 14px;
    max-width: 147px;
  }
  /* line 323, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-text {
    font-size: 1.3rem;
    padding-bottom: 0.6rem;
  }
  /* line 326, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-text.p-top-mainvisual__ticket-text--pt-t {
    padding-top: 1rem;
  }
  /* line 330, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-date {
    font-size: 1.3rem;
    padding-top: 0.6rem;
  }
  /* line 334, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__front {
    padding-bottom: 13rem;
    margin: 0 auto;
  }
  /* line 337, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__front.p-top-mainvisual__front--final {
    padding-top: 6.4rem;
    padding-bottom: 13rem;
  }
  /* line 344, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual-search-button {
    gap: 1rem;
    font-size: 16px;
    padding: 1rem 2rem 1rem 1.5rem;
    max-width: 250px;
  }
  /* line 350, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual-search-button img {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 1024px) {
  /* line 362, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual {
    min-height: calc(var(--vh, 1vh) * 85);
    height: calc(var(--vh, 1vh) * 85);
    margin-top: inherit;
  }
  /* line 366, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__top-wrap {
    display: contents;
  }
  /* line 369, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__top-wrap-movie {
    display: contents;
  }
  /* line 372, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__front {
    padding-top: 10rem;
    padding-bottom: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 68% 32%;
    max-width: 1000px;
    width: inherit;
    position: relative;
    min-height: calc(var(--vh, 1vh) * 80);
    height: calc(var(--vh, 1vh) * 80);
  }
  /* line 384, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__front.p-top-mainvisual__front--final {
    padding-top: 18rem;
    padding-bottom: 0;
  }
  /* line 389, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__logo {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    max-width: 280px;
  }
  /* line 395, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__logo.p-top-mainvisual__logo--final {
    max-width: 320px;
  }
  /* line 398, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__logo img {
    width: 100%;
  }
  /* line 402, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__catchphrase-wrap {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }
  /* line 406, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__catchphrase {
    font-size: 3rem;
    flex-direction: row;
    align-items: baseline;
  }
  /* line 410, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__catchphrase .en {
    font-size: 3.8rem;
  }
  /* line 413, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__catchphrase .border-text {
    font-size: 3rem;
  }
  /* line 417, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .small-en {
    font-size: 1.6rem;
  }
  /* line 421, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__catchphrase-right {
    margin-left: 0.4rem;
  }
  /* line 424, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__count {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    margin-top: 3rem;
    width: auto;
  }
  /* line 431, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__count .lead-text {
    font-size: 2.0rem;
    padding: 0.8rem 0.6rem;
  }
  /* line 435, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__count .p-top-mainvisual__count-number {
    font-size: 6.2rem;
  }
  /* line 438, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__count .p-top-mainvisual__elapsed-date {
    font-size: 2.8rem;
  }
  /* line 442, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__search-button {
    bottom: 3rem;
  }
  /* line 446, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__date img {
    margin-left: -1.2rem;
  }
  /* line 450, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket {
    width: 600px;
  }
  /* line 452, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket .p-top-mainvisual__ticket-img {
    max-width: 600px;
  }
  /* line 456, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__vote {
    width: 650px;
    margin-left: auto;
  }
  /* line 460, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-inner {
    position: absolute;
    top: 53%;
    right: 20px;
    max-width: 170px;
  }
  /* line 466, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-text {
    font-size: 1.5rem;
    padding-bottom: 0.8rem;
  }
  /* line 467, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-text.p-top-mainvisual__ticket-text--pt-t {
    padding-top: 1.5rem;
  }
  /* line 473, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual .p-top-mainvisual__ticket-date {
    font-size: 1.5rem;
    padding-top: 0.8rem;
  }
  /* line 479, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual-search-button {
    gap: 1rem;
    font-size: 16px;
    padding: 1rem 2rem 1rem 1.5rem;
    max-width: 400px;
  }
  /* line 485, app/assets/stylesheets/object/project/_mainvisual.scss */
  .p-top-mainvisual-search-button img {
    width: 40px;
    height: 40px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 11, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__title {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

/* line 15, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__overview {
  width: 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__overview {
    max-width: 1050px;
    margin: 0 auto 15rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__overview {
    margin: 0 auto 8rem;
  }
}

@media (max-width: 767px) {
  /* line 15, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__overview {
    text-align: left;
  }
}

/* line 29, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__overview img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  /* line 29, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__overview img {
    max-width: 700px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 29, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__overview img {
    max-width: 500px;
  }
}

/* line 41, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__lead {
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
}

@media (min-width: 1024px) {
  /* line 41, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__lead {
    font-size: 2.7rem;
    margin-top: -2rem;
  }
}

/* line 51, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__description {
  margin: 2rem 1.5rem 4rem;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1024px) {
  /* line 51, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__description {
    font-size: 1.6rem;
  }
}

/* line 60, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__description p {
  line-height: 1.9;
}

/* line 63, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__description .text-small {
  font-size: 1.3rem;
}

/* line 66, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__description--center {
  text-align: left;
}

@media (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__description--center {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  /* line 72, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__description--narrow {
    max-width: 600px;
    margin: 0 auto;
  }
}

/* line 80, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__period {
  margin-bottom: 3rem;
}

@media (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__period {
    max-width: 600px;
    margin: 0 auto;
  }
}

/* line 88, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie {
  margin-bottom: 8rem;
}

@media (min-width: 1024px) {
  /* line 88, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__movie {
    max-width: 1050px;
    margin: 0 auto 15rem;
  }
}

/* line 96, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie-list {
  justify-content: space-between;
}

@media (min-width: 1024px) {
  /* line 96, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__movie-list {
    justify-content: flex-start;
  }
}

/* line 102, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie-list .p-card-video__play-button img {
  width: 50px;
  height: 50px;
}

@media (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__movie-list .p-card-video__play-button img {
    width: 54px;
    height: 54px;
  }
}

/* line 112, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie-list .p-card-3rows--small {
  grid-template-columns: 4rem calc(100% - 5rem);
}

@media (min-width: 1024px) {
  /* line 115, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__movie-list .staff-image {
    width: 3.2rem;
    height: 3.2rem;
    min-width: 3.2rem;
  }
}

/* line 122, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie-list .label-name {
  font-size: 1.2rem;
}

/* line 125, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie-list .shop-name {
  margin: 0.3rem 0;
}

/* line 128, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__movie-list .name {
  font-size: 1.2rem;
}

/* line 133, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__header {
  position: relative;
  padding-left: 6.2em;
  background-color: #42B7A6;
  color: #ffffff;
  height: 4.4rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 2rem;
  margin: 0 1.5rem;
}

@media (min-width: 1024px) {
  /* line 133, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__header {
    margin: 0;
  }
}

/* line 147, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__header span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2rem;
  color: #ffffff;
  background: #333333;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
}

/* line 160, app/assets/stylesheets/object/project/_movie-judge.scss */
.p-movie-judge__header span::after {
  position: absolute;
  top: calc(50% - 7px);
  right: -8px;
  width: 0;
  height: 0;
  content: "";
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #333333;
}

@media (min-width: 1024px) {
  /* line 174, app/assets/stylesheets/object/project/_movie-judge.scss */
  .p-movie-judge__form {
    max-width: 1050px;
    margin: 0 auto 15rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_page.scss */
.p-page-title {
  background: #333333;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  color: #ffffff;
}

/* line 14, app/assets/stylesheets/object/project/_page.scss */
.p-page-title .p-page-title__text {
  font-size: 1.2rem;
}

/* line 17, app/assets/stylesheets/object/project/_page.scss */
.p-page-title .p-page-title__link {
  color: #ffffff;
  font-size: 1.2rem;
  border-bottom: 1px solid #ffffff;
}

/* line 22, app/assets/stylesheets/object/project/_page.scss */
.p-page-title .p-page-title__wrap {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

/* line 28, app/assets/stylesheets/object/project/_page.scss */
.p-page-add-banner {
  display: block;
  max-width: 500px;
  margin: 4rem auto;
}

/* line 33, app/assets/stylesheets/object/project/_page.scss */
.p-page-contents {
  padding-top: 4rem;
  padding-bottom: 8rem;
}

/* line 37, app/assets/stylesheets/object/project/_page.scss */
.p-page-contents-wide {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

/* line 41, app/assets/stylesheets/object/project/_page.scss */
.p-page {
  margin-top: 6.4rem;
}

/* line 44, app/assets/stylesheets/object/project/_page.scss */
.p-page-description {
  font-size: 1.2rem;
  line-height: 1.6;
}

/* line 48, app/assets/stylesheets/object/project/_page.scss */
.p-page-final {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 3rem;
}

/* line 56, app/assets/stylesheets/object/project/_page.scss */
.p-page-final .p-page-final__letter-space {
  letter-spacing: 0.1em;
}

/* line 59, app/assets/stylesheets/object/project/_page.scss */
.p-page-final .p-page-final__title-line {
  border-bottom: 1px solid #ffffff;
  box-sizing: border-box;
}

/* line 63, app/assets/stylesheets/object/project/_page.scss */
.p-page-final .p-page-final__title-line-gold {
  border-bottom: 1px solid;
  border-image: linear-gradient(90deg, #f2d390 0%, #f2d390 25%, #c3a462 50%, #f2d390 75%, #c1a059 100%);
  border-image-slice: 1;
  box-sizing: border-box;
}

/* line 69, app/assets/stylesheets/object/project/_page.scss */
.p-page-final .p-page-final__text {
  margin-left: -14vw;
}

/* line 72, app/assets/stylesheets/object/project/_page.scss */
.p-page-final .p-page-final__img-text {
  margin-left: -14vw;
  padding-right: 1rem;
}

/* line 76, app/assets/stylesheets/object/project/_page.scss */
.p-page-final .p-page-final__sub-text {
  font-size: 1.4rem;
  padding-top: 1rem;
}

/* line 82, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge {
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(10px);
  padding-bottom: 5rem;
}

/* line 86, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__inner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

/* line 91, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__sub-title {
  width: 100%;
  max-width: 100px;
  color: #ffffff;
  padding: 0.5rem 1rem;
}

/* line 97, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__title {
  margin-top: 0.8rem;
  color: #ffffff;
}

/* line 101, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__text-box {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.8;
  padding: 3rem 2rem 4rem;
}

/* line 107, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  gap: 2rem 1.5rem;
  padding: 0 2rem;
}

/* line 114, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__contents {
  width: calc((100% - 1.5rem) / 2);
}

/* line 116, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__contents--center {
  margin: auto;
}

/* line 121, app/assets/stylesheets/object/project/_page.scss */
.p-page-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05em;
  gap: 1rem;
  width: 100%;
}

/* line 128, app/assets/stylesheets/object/project/_page.scss */
.p-page-vote img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 133, app/assets/stylesheets/object/project/_page.scss */
.p-page-vote .p-page-vote__img {
  max-width: clamp(50px, 12vw, 70px);
  width: 100%;
}

/* line 137, app/assets/stylesheets/object/project/_page.scss */
.p-page-vote .p-page-vote__count {
  text-shadow: 0 0 10px rgba(255, 255, 0, 0.6), 0 0 20px rgba(255, 255, 170, 0.6), 0 0 40px rgba(165, 42, 42, 0.6), 0 0 80px rgba(128, 0, 128, 0.6);
  font-family: "futura-pt", sans-serif;
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: bold;
}

/* line 144, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage {
  width: 100%;
}

/* line 146, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__text {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

/* line 150, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__inner {
  max-width: 769px;
}

/* line 153, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage.p-page-second-stage--main-visual {
  position: relative;
  padding-top: 7rem;
  padding-bottom: 3.5rem;
}

/* line 158, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__inner-btm {
  padding-right: 2rem;
  padding-top: 2rem;
}

/* line 162, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__search-button {
  width: 40vw;
  max-width: 225px;
  display: flex;
  margin-left: auto;
  background: rgba(255, 255, 255, 0.4);
  padding: 0.9rem 1.8rem;
  border-radius: 35px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* line 171, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__search-button img {
  width: 100%;
  height: auto;
}

/* line 177, app/assets/stylesheets/object/project/_page.scss */
.p-page-final-result-title {
  margin-top: 2rem;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 189, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__text {
    margin-left: -5rem;
  }
  /* line 192, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__img-text {
    margin-left: -5vw;
  }
  /* line 195, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__sub-text {
    font-size: 1.6rem;
    padding-top: 1.5rem;
  }
  /* line 200, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge {
    padding-bottom: 10rem;
  }
  /* line 202, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__inner {
    gap: 6rem;
  }
  /* line 205, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__text-box {
    font-size: 1.6rem;
  }
  /* line 208, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__wrapper {
    justify-content: center;
    gap: 2rem;
  }
  /* line 212, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__contents {
    width: calc((100% - 6rem) / 4);
  }
  /* line 217, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage.p-page-second-stage--main-visual {
    padding-top: 8rem;
    padding-bottom: 4.5rem;
  }
  /* line 221, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__text {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
  /* line 225, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner {
    max-width: 940px;
  }
  /* line 228, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner-btm {
    padding-top: 3.5rem;
  }
  /* line 231, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__search-button {
    width: 45vw;
    padding: 1.3rem 2.6rem;
    border-radius: 35px;
  }
  /* line 237, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final-result-title {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  /* line 247, app/assets/stylesheets/object/project/_page.scss */
  .p-page-title {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 250, app/assets/stylesheets/object/project/_page.scss */
  .p-page-title .p-page-title__text {
    font-size: 1.4rem;
  }
  /* line 253, app/assets/stylesheets/object/project/_page.scss */
  .p-page-title .p-page-title__link {
    font-size: 1.4rem;
  }
  /* line 258, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__text {
    margin-left: -5rem;
  }
  /* line 261, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__img-text {
    margin-left: 0;
  }
  /* line 264, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__sub-text {
    font-size: 1.8rem;
    padding-top: 2rem;
  }
  /* line 269, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge {
    padding-bottom: 10rem;
  }
  /* line 271, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__inner {
    gap: 10rem;
  }
  /* line 274, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__text-box {
    font-size: 1.6rem;
    padding: 4rem 2rem 5rem;
  }
  /* line 278, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__wrapper {
    justify-content: center;
    gap: 3rem;
    padding: 0;
  }
  /* line 283, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__contents {
    width: calc((100% - 9rem) / 4);
  }
  /* line 287, app/assets/stylesheets/object/project/_page.scss */
  .p-page-vote {
    gap: 2rem;
  }
  /* line 289, app/assets/stylesheets/object/project/_page.scss */
  .p-page-vote .p-page-vote__img {
    max-width: 80px;
    width: 100%;
  }
  /* line 293, app/assets/stylesheets/object/project/_page.scss */
  .p-page-vote .p-page-vote__count {
    font-size: 4rem;
  }
  /* line 298, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage.p-page-second-stage--main-visual {
    padding-top: 9rem;
    padding-bottom: 5rem;
  }
  /* line 302, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__text {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
  /* line 306, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner {
    max-width: 1050px;
  }
  /* line 309, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner-btm {
    padding-right: 0;
    padding-top: 3.5rem;
  }
  /* line 313, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__search-button {
    width: 45vw;
    padding: 1.2rem 2.8rem;
    border-radius: 35px;
  }
  /* line 319, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final-result-title {
    margin-bottom: 6rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_popup.scss */
.p-popup {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 19, app/assets/stylesheets/object/project/_popup.scss */
.p-popup.is-show {
  visibility: visible;
  opacity: 1;
}

/* line 23, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__inner {
  z-index: 1500;
  width: 60rem;
  max-width: 90%;
  background: #ffffff;
  height: fit-content;
  max-height: 90%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4rem;
  border-radius: 5px;
  overflow-y: scroll;
}

/* line 38, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__contents {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

/* line 43, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__contents-main {
  display: flex;
  align-items: center;
  gap: 10%;
  justify-content: center;
}

/* line 49, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__select-label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

/* line 55, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__close-button {
  position: absolute;
  right: 1.5rem;
  top: 1.8rem;
}

/* line 60, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__image {
  position: relative;
}

/* line 63, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__image-count-yell {
  position: absolute;
  font-weight: bold;
  font-size: 1.8rem;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 72, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__image-count-yell-campaign {
  position: absolute;
  font-weight: bold;
  font-size: 1.8rem;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 83, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #333333;
  display: none;
  z-index: 10000;
  user-select: none;
}

/* line 93, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube {
  background-color: rgba(0, 0, 0, 0.7);
}

/* line 95, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__inner {
  max-width: inherit;
}

/* line 98, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__video-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
}

/* line 104, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__video-wrap::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

/* line 109, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

/* line 119, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__top-wrap {
  justify-content: flex-end;
}

/* line 122, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup--youtube__close-btn {
  position: absolute;
  top: -50px;
  right: 0;
  cursor: pointer;
}

/* line 127, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup--youtube__close-btn i {
  color: #fff;
  font-size: 3rem;
}

/* line 133, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap {
  width: 100%;
  max-height: calc(100% - 171px);
  position: relative;
}

/* line 137, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap video {
  width: 100%;
  height: 100%;
}

/* line 141, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left,
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right {
  height: 90%;
  width: 40%;
  position: absolute;
  top: 0;
}

/* line 148, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left {
  left: 0;
}

/* line 151, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right {
  right: 0;
}

/* line 155, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__inner {
  height: 100%;
  margin: 0 auto;
  max-width: 600px;
}

/* line 160, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top {
  height: 107px;
  padding: 1.8rem 0 2rem;
}

/* line 164, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 2.2rem;
  align-items: center;
}

/* line 170, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-wrap__profile {
  display: flex;
  gap: 1rem;
}

/* line 174, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .progress-bar {
  height: 5.5px;
  border-radius: 5px;
  background: #c4c4c4;
  position: relative;
  margin: 0 2.2rem 1.8rem;
}

/* line 181, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .progress-bar span {
  background: #ffffff;
  border-radius: 5px;
  display: block;
  position: absolute;
  height: 5.5px;
  top: 0;
  left: 0;
  animation-name: scroll;
  animation-timing-function: linear;
}

@keyframes scroll {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* line 204, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-name {
  font-weight: bold;
}

/* line 207, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-name .shop-name,
.p-video-popup .p-video-popup__top-name .label-name,
.p-video-popup .p-video-popup__top-name .name {
  color: #fff;
}

/* line 212, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-name .shop-name,
.p-video-popup .p-video-popup__top-name .label-name {
  font-size: 1rem;
}

/* line 216, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-name .name {
  font-size: 1.2rem;
}

/* line 222, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__btn-wrap span {
  cursor: pointer;
}

/* line 224, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__btn-wrap span:first-of-type {
  margin-right: 1.6rem;
}

/* line 229, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__main {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  max-height: calc(100% - 107px);
  height: 100%;
}

/* line 236, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom {
  display: flex;
  justify-content: space-between;
  padding: 2rem 2.2rem;
}

/* line 241, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .hashtag {
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
}

/* line 247, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart {
  color: #fff;
}

/* line 250, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart a {
  color: #fff;
}

/* line 253, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart a span {
  padding-left: 0.5rem;
}

/* line 257, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart .like-count-text {
  color: #fff;
  font-size: 1.5rem;
}

/* line 263, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__heart {
  display: flex;
  gap: 0.8rem;
}

/* line 268, app/assets/stylesheets/object/project/_popup.scss */
.p-youtube-popup {
  visibility: hidden;
  opacity: 0;
  display: flex;
  width: 100%;
  position: absolute;
  transition: all 0.3s ease-in;
}

/* line 275, app/assets/stylesheets/object/project/_popup.scss */
.p-youtube-popup.is-show {
  height: 100%;
  visibility: visible;
  opacity: 1;
}

/* line 280, app/assets/stylesheets/object/project/_popup.scss */
.p-youtube-popup .p-youtube-popup__inner {
  z-index: 1200;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  padding: 4rem 3rem;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  max-width: 100%;
  height: 100vh;
}

/* line 293, app/assets/stylesheets/object/project/_popup.scss */
.p-youtube-popup .p-youtube-popup__close-button {
  position: absolute;
  right: 3rem;
  top: 6rem;
}

@media (min-width: 1024px) {
  /* line 306, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup.p-video-popup--youtube .p-video-popup__inner {
    width: 90%;
    max-width: 600px;
  }
  /* line 310, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup.p-video-popup--youtube .p-video-popup__video-wrap {
    width: 86%;
    max-width: 640px;
  }
  /* line 316, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left,
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right {
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #333333;
    cursor: pointer;
  }
  /* line 324, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left::after,
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  /* line 334, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left {
    left: -14px;
  }
  /* line 336, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left::after {
    left: 58%;
    transform: translate(-50%, -50%) rotate(-135deg);
  }
  /* line 341, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right {
    right: -14px;
  }
  /* line 343, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right::after {
    left: 47%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup {
  visibility: hidden;
  opacity: 0;
  display: flex;
  width: 100%;
  position: absolute;
  transition: all 0.3s ease-in;
}

/* line 16, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup.is-show {
  height: 100%;
  visibility: visible;
  opacity: 1;
}

/* line 21, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup .p-search-popup__inner {
  z-index: 1200;
  width: 100vw;
  max-width: 56rem;
  background: #ffffff;
  height: fit-content;
  max-height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  padding: 4rem 3rem;
}

/* line 35, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup .p-search-popup__top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* line 41, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup .p-search-popup__close-button {
  position: absolute;
  right: 0;
}

/* line 45, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup .p-search-popup__clear-button {
  display: flex;
  align-items: center;
  margin: 2rem auto 0;
  font-size: 1.4rem;
  gap: 0.8rem;
  line-height: 1;
  color: #333333;
}

/* line 54, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup .p-search-popup__button-icon {
  width: 16px;
  height: 16px;
}

/* line 58, app/assets/stylesheets/object/project/_search.scss */
.p-search-popup__submit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  border: 1px solid #000000;
}

@media (min-width: 1024px) {
  /* line 74, app/assets/stylesheets/object/project/_search.scss */
  .p-search-popup .p-search-popup__inner {
    max-height: 95%;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_section.scss */
.p-section {
  padding-top: 5rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/object/project/_section.scss */
  .p-section {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }
}

/* line 18, app/assets/stylesheets/object/project/_section.scss */
.p-section-bg-image {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  overflow-x: hidden;
}

@media (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/object/project/_section.scss */
  .p-section-bg-image {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* line 27, app/assets/stylesheets/object/project/_section.scss */
.p-section-bg-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* line 34, app/assets/stylesheets/object/project/_section.scss */
.p-section-tab-top-content {
  padding-top: 2.8rem;
  padding-bottom: 2rem;
}

/* line 39, app/assets/stylesheets/object/project/_section.scss */
.p-section-blur {
  backdrop-filter: blur(10px);
}

/* line 41, app/assets/stylesheets/object/project/_section.scss */
.p-section-blur__white {
  background: rgba(255, 255, 255, 0.5);
}

/* line 44, app/assets/stylesheets/object/project/_section.scss */
.p-section-blur__black {
  background: rgba(0, 0, 0, 0.9);
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_staff-detail.scss */
#yellOverlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10000;
  display: none;
}

/* line 20, app/assets/stylesheets/object/project/_staff-detail.scss */
.heart-animation {
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* line 26, app/assets/stylesheets/object/project/_staff-detail.scss */
.heart-animation svg {
  height: 50% !important;
}

/* line 31, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail {
  padding-bottom: 8rem;
}

@media (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail {
    padding-top: 5rem;
  }
}

/* line 38, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__firstview-top {
  position: relative;
}

/* line 43, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__firstview-img img {
  width: 100%;
  object-fit: cover;
}

/* line 49, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap {
  position: absolute;
  top: 15px;
  right: 16px;
  display: flex;
  z-index: 1;
  flex-flow: column;
  align-items: flex-end;
}

/* line 58, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2 {
  border: none;
  color: #ffffff;
  padding: 0.85rem 2.1rem;
  border-radius: 999px;
  font-size: 1.2rem;
  display: inline-block;
  font-weight: 500;
  -webkit-text-stroke: 0;
  letter-spacing: 0;
}

@media (min-width: 1024px) {
  /* line 58, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__round2-wrap .p-label-round2 {
    padding: 1.4rem 2.5rem;
    font-size: 1.4rem;
  }
}

/* line 74, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--gradation-green {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
}

/* line 78, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--hokkaido-tohoku {
  background-color: #9552ab;
}

/* line 82, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--tokyo {
  background-color: #0071bc;
}

/* line 86, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--kanto {
  background-color: #68bbe0;
}

/* line 90, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--chubu {
  background-color: #63ba2d;
}

/* line 94, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--kinki {
  background-color: #ffc500;
}

/* line 98, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--chugoku {
  background-color: #f7931e;
}

/* line 102, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__round2-wrap .p-label-round2--kyushu {
  background-color: #ff1d25;
}

/* line 107, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__firstview-wrap {
  display: contents;
}

@media (min-width: 1024px) {
  /* line 107, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__firstview-wrap {
    display: flex;
    gap: 5%;
  }
}

@media (min-width: 1024px) {
  /* line 116, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__firstview-item {
    width: 47.5%;
  }
}

/* line 121, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__firstview-item--detail {
  padding-top: 2.6rem;
}

@media (min-width: 1024px) {
  /* line 121, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__firstview-item--detail {
    padding-top: inherit;
  }
}

/* line 129, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-labels {
  display: flex;
  gap: 0.1rem;
  align-items: center;
  position: absolute;
  bottom: 0;
}

/* line 137, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-status {
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
  font-size: 1.4rem;
  padding: 0.4rem 1.6rem;
  border-radius: 0 4px 0 0;
}

/* line 145, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-status--apparel {
  background-color: #8639f3;
}

/* line 148, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-status--merchandise {
  background-color: #f69c0c;
}

/* line 151, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-status--third-stage {
  background-color: #ff9378;
}

/* line 154, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-status--finalist {
  background-color: #bc975f;
}

/* line 157, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-status--border-radius-none {
  border-radius: 0;
}

@media (max-width: 767px) {
  /* line 137, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__first-view-status {
    font-size: 1.2rem;
  }
}

/* line 165, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-label {
  padding-left: 1.6rem;
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 1rem;
}

@media (min-width: 1024px) {
  /* line 165, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__first-view-label {
    font-size: 1.2rem;
  }
}

/* line 176, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__first-view-bottom {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #000000;
}

/* line 183, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__banner_img {
  width: 100%;
  height: auto;
}

/* line 188, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__yell-wrap {
  position: absolute;
  bottom: 2rem;
  right: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  z-index: 1;
  width: 8rem;
  height: 8rem;
  background: #ffffff;
}

/* line 205, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__yell-count-wrap {
  display: flex;
  font-family: "futura-pt", sans-serif;
  font-size: 1.4rem;
  color: #828282;
  margin-top: 0.6rem;
  font-weight: bold;
}

/* line 214, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__vote-count {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #fff;
  font-size: 3.2rem;
  padding: 0.5rem 1rem;
}

/* line 220, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__vote-count span {
  font-size: 1.4rem;
  margin-left: 0.8rem;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
}

/* line 228, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__calculate {
  font-family: "futura-pt", sans-serif;
  color: #fff;
  font-size: 2rem;
  padding: 0.5rem 0.5rem 1rem 1.5rem;
}

/* line 235, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__height {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* line 239, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__title {
  font-size: 1.8rem;
  font-weight: 600;
}

@media (min-width: 1024px) {
  /* line 239, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__title {
    font-size: 2rem;
  }
}

/* line 247, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__order {
  font-size: 1rem;
  color: #828282;
}

@media (min-width: 1024px) {
  /* line 247, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__order {
    font-size: 1.2rem;
  }
}

/* line 255, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__text {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #828282;
}

/* line 261, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap {
  position: absolute;
  bottom: 20px;
  right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid #f7931e;
  border-radius: 50%;
  z-index: 1;
  width: 79px;
  height: 79px;
  background: #fff;
}

/* line 277, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap:hover {
  cursor: pointer;
}

/* line 281, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap .count {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #828282;
  margin-top: 0.6rem;
}

/* line 290, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap .count span:first-of-type {
  margin-right: 0.4rem;
}

/* line 294, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap .count span:last-of-type {
  margin-left: 0.4rem;
}

/* line 301, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-button-on,
.p-staff-detail .yell-button-max {
  display: none;
}

/* line 306, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap-campaign {
  position: absolute;
  bottom: 20px;
  right: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 3px solid #f4a347;
  border-radius: 50%;
  z-index: 1;
  width: 79px;
  height: 79px;
  background: #fff;
}

/* line 323, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap-campaign img.yell-button-campaign-off {
  width: 28px;
}

/* line 326, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap-campaign img.yell-button-campaign-on {
  width: 28px;
}

/* line 333, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap-campaign .campaign-count {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 1.4rem;
  font-weight: bold;
  color: #828282;
  margin-top: 0.6rem;
}

/* line 342, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap-campaign .campaign-count span:first-of-type {
  margin-right: 0.4rem;
}

/* line 346, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail .yell-wrap-campaign .campaign-count span:last-of-type {
  margin-left: 0.4rem;
}

/* line 353, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__staff-wrap {
  display: contents;
}

@media (min-width: 1024px) {
  /* line 353, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__staff-wrap {
    display: block;
    max-width: 1050px;
    margin: 0 auto 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 363, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__staff-wrap-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 371, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__staff-item {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  /* line 377, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-sp {
    display: none;
  }
}

/* line 382, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp img {
  width: 100%;
}

/* line 387, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations {
  margin: 0 auto;
}

/* line 390, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-information-group {
  margin-bottom: 16px;
}

/* line 394, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title {
  background: #333;
  color: #fff;
  padding: 8px 16px;
  margin-top: 16px;
}

/* line 400, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 407, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn {
  border: 1px solid #8d8d8d;
  border-radius: 20px;
  padding: 0.4rem 1.5rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-size: 1.2rem;
  min-height: 35px;
  cursor: pointer;
  color: #333333;
  background: #f4f4f4;
}

/* line 420, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn:hover {
  color: #828282;
  background: #dedddd;
}

/* line 425, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn:hover .plus-btn::before, .p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn:hover .plus-btn::after {
  background: #333333;
}

/* line 435, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn.close {
  display: none;
}

/* line 440, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations-title ul li p {
  font-weight: bold;
}

/* line 447, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations__wrap {
  display: none;
  padding: 32px;
}

/* line 452, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations__wrap .sub-informations-sub-title p {
  font-weight: bold;
}

/* line 458, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-sp .campaign-smartnews-description .sub-informations .sub-informations__wrap .sub-bannner img {
  width: 100%;
}

/* line 467, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-detail__about-smartnews-pc {
  display: none;
}

@media (min-width: 1024px) {
  /* line 467, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc {
    display: block;
  }
  /* line 473, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc img {
    width: 100%;
  }
  /* line 478, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations {
    margin: 0 auto;
  }
  /* line 481, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-information-group {
    margin-bottom: 16px;
  }
  /* line 485, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title {
    background: #333;
    color: #fff;
    padding: 8px 16px;
    margin-top: 8px;
  }
  /* line 491, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  /* line 498, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn {
    border: 1px solid #8d8d8d;
    border-radius: 20px;
    padding: 0.4rem 1.5rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    font-size: 1.2rem;
    min-height: 35px;
    cursor: pointer;
    color: #333333;
    background: #f4f4f4;
  }
  /* line 511, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn:hover {
    color: #828282;
    background: #dedddd;
  }
  /* line 515, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn:hover .plus-btn::before, .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn:hover .plus-btn::after {
    background: #333333;
  }
  /* line 525, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul li.p-open__label-btn.close {
    display: none;
  }
  /* line 530, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations-title ul li p {
    font-weight: bold;
  }
  /* line 537, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations__wrap {
    display: none;
    padding: 32px;
  }
  /* line 542, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations__wrap .sub-informations-sub-title p {
    font-weight: bold;
  }
  /* line 548, app/assets/stylesheets/object/project/_staff-detail.scss */
  .p-staff-detail__about-smartnews-pc .campaign-smartnews-description .sub-informations .sub-informations__wrap .sub-bannner img {
    width: 100%;
  }
}

/* line 560, app/assets/stylesheets/object/project/_staff-detail.scss */
.p-staff-shop a,
.p-staff-shop p {
  color: #828282;
  font-weight: 600;
  font-size: 1.2rem;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_tab.scss */
.p-tab {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

/* line 14, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__input:checked + .p-tab__label {
  color: #ffffff;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  border: none;
}

/* line 19, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__input:checked + .p-tab__label + .p-tab__content {
  display: block;
}

/* line 23, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__label {
  margin-right: 0.4rem;
  width: calc(50% - 0.2rem);
  margin-bottom: 2rem;
  height: 4.6rem;
  position: relative;
  border: 1px solid #d8dad5;
  font-weight: 600;
}

/* line 31, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__label:last-of-type {
  margin-right: 0;
}

/* line 35, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content {
  display: none;
  width: 100%;
}

/* line 39, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content-selected {
  background: #f5f5f4;
  padding: 1rem 1.2rem 0.8rem;
  display: none;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-bottom: 2rem;
  border-radius: 2px;
}

/* line 47, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content-selected.is-show {
  display: flex;
}

/* line 51, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content-selected-list {
  display: flex;
  gap: 0.8rem;
}

/* line 55, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__label-selected-number {
  position: absolute;
  top: 50%;
  left: 77%;
  transform: translateY(-70%);
}

/* line 61, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content-inner {
  display: none;
}

/* line 63, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content-inner.is-show {
  display: block;
}

/* line 67, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__content-scroll {
  max-height: 200px;
  height: fit-content;
  overflow-y: scroll;
}

/* line 72, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__list-page-item {
  width: 33.3333%;
  font-size: 1.4rem;
}

/* line 76, app/assets/stylesheets/object/project/_tab.scss */
.p-tab .p-tab__list-page-item-half {
  width: 50%;
  font-size: 1.6rem;
}

/* line 81, app/assets/stylesheets/object/project/_tab.scss */
.p-tab-small {
  background-color: #f5f5f4;
  overflow-x: scroll;
  padding: 1rem 0.5rem;
  border-radius: 3px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* line 88, app/assets/stylesheets/object/project/_tab.scss */
.p-tab-small .p-tab-small__inner {
  gap: 1.5rem;
  display: flex;
  width: fit-content;
}

/* line 95, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 1024px) {
  /* line 95, app/assets/stylesheets/object/project/_tab.scss */
  .p-contest_division-tab {
    padding-top: 2rem;
  }
}

/* line 106, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__input:checked + .p-contest_division-tab__label::after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 9px;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

/* line 116, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__input:checked + .p-contest_division-tab__label[for="apparel-division"] {
  color: #ffffff;
  background-color: #8639f3;
  border: none;
}

/* line 120, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__input:checked + .p-contest_division-tab__label[for="apparel-division"]::after {
  background-color: #8639f3;
}

/* line 124, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__input:checked + .p-contest_division-tab__label[for="merchandise-division"] {
  color: #ffffff;
  background-color: #f69c0c;
}

/* line 127, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__input:checked + .p-contest_division-tab__label[for="merchandise-division"]::after {
  background-color: #f69c0c;
}

/* line 131, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__input:checked + .p-contest_division-tab__label
+ .p-contest_division-tab__content {
  display: block;
}

/* line 138, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__label {
  width: 50%;
  max-width: 525px;
  margin-bottom: 2rem;
  height: 5rem;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 150, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__label:last-of-type {
  border-left: 1px solid #ffffff;
}

/* line 153, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__label::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.5rem;
}

/* line 164, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__label[for="apparel-division"]::before {
  background-image: url(/assets/tab-icon-apparel-7c5266ca3a5f711e0ef8590ebf8d9acb59fef01f905ce0a6c9c2cc82f11a3a99.svg);
}

/* line 167, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__label[for="merchandise-division"]::before {
  background-image: url(/assets/tab-icon-product-sales-238b7d3fd6a00bdd102b2d3164c06b0a3011b93cd98941471b1cf33815ac9f32.svg);
}

/* line 172, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content {
  display: none;
  width: 100%;
}

/* line 176, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content-selected {
  background: #f5f5f4;
  padding: 1rem 1.2rem 0.8rem;
  display: none;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-bottom: 2rem;
  border-radius: 2px;
}

/* line 184, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content-selected.is-show {
  display: flex;
}

/* line 188, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content-selected-list {
  display: flex;
  gap: 0.8rem;
}

/* line 192, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__label-selected-number {
  position: absolute;
  top: 50%;
  left: 77%;
  transform: translateY(-70%);
}

/* line 198, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content-inner {
  display: none;
}

/* line 200, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content-inner.is-show {
  display: block;
}

/* line 204, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__content-scroll {
  max-height: 200px;
  height: fit-content;
  overflow-y: scroll;
}

/* line 209, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__list-page-item {
  width: 33.3333%;
  font-size: 1.4rem;
}

/* line 213, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__list-page-item-half {
  width: 50%;
  font-size: 1.6rem;
}

/* line 218, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  /* line 218, app/assets/stylesheets/object/project/_tab.scss */
  .p-contest_division-tab__wrapper {
    max-width: 1050px;
  }
}

/* line 228, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__wrapper--gray {
  background-color: #f2f2f2;
  margin-top: 4rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-radius: 5px;
}

@media (max-width: 767px) {
  /* line 228, app/assets/stylesheets/object/project/_tab.scss */
  .p-contest_division-tab__wrapper--gray {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    margin: 2.2rem 1.4rem 0;
  }
}

/* line 242, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__image {
  max-width: 840px;
  width: calc(100% - 4rem);
  margin: 0 auto;
}

@media (max-width: 767px) {
  /* line 242, app/assets/stylesheets/object/project/_tab.scss */
  .p-contest_division-tab__image {
    width: calc(100% - 2rem);
  }
}

/* line 249, app/assets/stylesheets/object/project/_tab.scss */
.p-contest_division-tab__image img {
  width: 100%;
  height: auto;
}

/* line 256, app/assets/stylesheets/object/project/_tab.scss */
.p-tab-small {
  background-color: #f5f5f4;
  overflow-x: scroll;
  padding: 1rem 0.5rem;
  border-radius: 3px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* line 263, app/assets/stylesheets/object/project/_tab.scss */
.p-tab-small__inner {
  gap: 1.5rem;
  display: flex;
  width: fit-content;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sns {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

/* line 13, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sns--footer {
  gap: 1.6rem;
}

/* line 17, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning {
  background: #f2f2f2;
  padding: 1.2rem 1.3rem;
  border-radius: 8px;
  letter-spacing: 0.5px;
}

/* line 23, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning__title {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* line 29, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning__lead {
  padding-top: 1rem;
}

/* line 33, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning__header {
  font-weight: 600;
  font-size: 1.2rem;
  text-align: left;
}

/* line 39, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning__description {
  padding-top: 0.7rem;
  font-size: 1.4rem;
  letter-spacing: -1px;
  text-align: left;
}

@media (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-warning__description {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

/* line 50, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning__date {
  font-weight: 600;
  font-size: 1.4rem;
  text-align: left;
}

/* line 54, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-warning__date span {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
}

/* line 61, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-finalist {
  padding: 0;
  margin-top: 2rem;
}

/* line 64, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-finalist .p-wrap-finalist__item {
  position: relative;
  max-width: 800px;
}

/* line 68, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-finalist .p-wrap-finalist__item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #dcdbd7;
}

/* line 77, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-finalist .p-wrap-finalist__before-release {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 40px 0;
  text-align: center;
  background: #f2f2f2;
  border-radius: 8px;
  width: calc(100% - 8vw);
  margin: 1rem 4vw 0;
}

/* line 88, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-company-ranking {
  margin-left: 6.667vw;
}

/* line 90, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-company-ranking .p-wrap-company-ranking__inner {
  overflow-x: scroll;
  display: flex;
  gap: 6%;
  padding-bottom: 2rem;
}

/* line 95, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-company-ranking .p-wrap-company-ranking__inner::-webkit-scrollbar {
  background: transparent;
  height: 8px;
}

/* line 99, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-company-ranking .p-wrap-company-ranking__inner::-webkit-scrollbar-track {
  background: transparent;
}

/* line 102, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-company-ranking .p-wrap-company-ranking__inner::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* line 107, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-company-ranking .p-wrap-company-ranking__item {
  width: 28vw;
  max-width: 190px;
  word-break: break-word;
}

/* line 113, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-latest-ranking {
  margin-left: 3.667vw;
}

/* line 115, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-latest-ranking .p-wrap-latest-ranking__inner {
  overflow-x: scroll;
  display: flex;
  gap: 4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

/* line 121, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-latest-ranking .p-wrap-latest-ranking__inner--show-all {
  overflow: auto;
  flex-wrap: wrap;
  gap: 4.5vw 1.3rem;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

/* line 130, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-latest-ranking .p-wrap-latest-ranking__item {
  width: 28vw;
  max-width: 190px;
  word-break: break-word;
}

/* line 137, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-heart {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* line 141, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-heart--medium {
  gap: 0.3rem;
  word-break: normal;
  font-size: 1.2rem;
}

/* line 146, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-heart--small {
  gap: 0.5rem;
}

/* line 151, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos {
  display: flex;
  gap: 2rem 2rem;
  align-items: baseline;
}

/* line 155, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos--row {
  overflow-x: scroll;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-left: 1.8rem;
  margin-right: 1.8rem;
}

/* line 163, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos--column {
  flex-wrap: wrap;
}

/* line 166, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos--grid {
  flex-wrap: wrap;
  gap: 3rem 1.7rem;
}

/* line 171, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__hashtag {
  font-size: 1.2rem;
  margin-top: 0.4rem;
  line-height: 1.4;
  color: #4f4f4f;
}

/* line 177, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__item {
  min-width: fit-content;
}

/* line 179, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__item--medium {
  width: 76.8vw;
}

/* line 182, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__item--large {
  width: 100%;
}

/* line 185, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__item--small {
  width: 52.8vw;
}

/* line 188, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__item--half {
  width: 47.7%;
  min-width: auto;
}

/* line 194, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-videos .p-wrap-videos__bottom--small {
  width: 52.8vw;
}

/* line 200, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-coordinates {
  display: flex;
  gap: 3.2rem 4%;
  flex-wrap: wrap;
}

/* line 204, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-coordinates .p-wrap-coordinates__item {
  width: 48%;
}

/* line 209, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-staffs {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
}

/* line 213, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-staffs .p-wrap-staffs__item {
  width: calc(50% - 1.5rem);
}

/* line 216, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-staffs .p-wrap-staffs__bottom {
  margin-top: 1rem;
  word-break: break-all;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

/* line 225, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name {
  padding: 0.1rem 0.5rem;
  border-radius: 20px;
  margin-bottom: 0.5rem;
}

/* line 229, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--hokkaido-tohoku {
  background-color: #9552ab;
}

/* line 232, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--tokyo {
  background-color: #0071bc;
}

/* line 235, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--kanto {
  background-color: #68bbe0;
}

/* line 238, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--chubu {
  background-color: #63ba2d;
}

/* line 241, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--kinki {
  background-color: #ffc500;
}

/* line 244, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--chugoku {
  background-color: #f7931e;
}

/* line 247, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name--kyusyu {
  background-color: #ff1d25;
}

/* line 250, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-area-name .area-name {
  font-size: 1.2rem;
  color: #ffffff;
}

/* line 256, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 261, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list--medium {
  gap: 2rem;
  width: 90%;
  margin: 0 auto;
}

/* line 266, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list .p-wrap-sponsor-list__logo-m {
  padding-left: 10%;
  padding-right: 10%;
}

/* line 270, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list .p-wrap-sponsor-list__logo-s {
  padding-left: 15%;
  padding-right: 15%;
}

/* line 274, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list--small {
  gap: 1.5rem;
}

/* line 276, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list--small .p-wrap-sponsor-list__item {
  width: calc((100% - 3rem) / 3);
}

/* line 280, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-sponsor-list .p-wrap-sponsor-list__item {
  width: calc(50% - 1.5rem);
}

/* line 285, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-alphabet {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 1.2rem;
}

/* line 291, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}

/* line 295, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox--mb {
  margin-bottom: 1.6rem;
}

/* line 297, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox--mb:last-of-type {
  margin-bottom: 0;
}

/* line 301, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox-large {
  width: 13rem;
}

/* line 304, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox--medium {
  width: 10rem;
}

/* line 307, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox--small {
  width: 8rem;
}

/* line 310, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-checkbox--prefecture {
  min-width: 7.3rem;
}

/* line 314, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-brand-list {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(245, 245, 244, 0.7) 30%, rgba(245, 245, 244, 0.7) 100%);
  width: 100%;
}

/* line 325, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-list-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  font-weight: 300;
  font-size: 1.4rem;
}

/* line 333, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-list-item:last-of-type {
  margin-bottom: 0;
}

/* line 337, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-pickup {
  width: 100%;
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 2rem;
}

/* line 343, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-pickup .p-wrap-pickup__item {
  width: 100%;
}

/* line 347, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-pickup.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

/* line 353, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap {
  display: flex;
}

/* line 355, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap--gap-small {
  gap: 2rem;
}

/* line 358, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap--gap-large {
  gap: 4rem;
}

/* line 361, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap--justify-between {
  justify-content: space-between;
}

/* line 364, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap--wrap {
  flex-wrap: wrap;
}

/* line 369, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-news {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: flex-start;
  padding-left: 4vw;
  padding-right: 4vw;
}

/* line 376, app/assets/stylesheets/object/project/_wrap.scss */
.p-wrap-news .p-wrap-news__item {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 387, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-finalist .p-wrap-finalist__before-release {
    margin: 1rem 0 0;
    width: 100%;
  }
  /* line 394, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__item--large {
    width: calc(50% - 1rem);
    min-width: inherit;
  }
  /* line 398, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__item--medium, .p-wrap-videos .p-wrap-videos__item--small {
    width: 40vw;
  }
  /* line 404, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__bottom--small {
    width: 40vw;
  }
  /* line 410, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-pickup .p-wrap-pickup__item {
    width: calc(50% - 1rem);
  }
  /* line 415, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-latest-ranking .p-wrap-latest-ranking__inner {
    gap: 3%;
  }
  /* line 417, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-latest-ranking .p-wrap-latest-ranking__inner--show-all {
    gap: 2.5rem 1.5rem;
    justify-content: unset;
    width: 100%;
    max-width: 920px;
  }
  /* line 425, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-news {
    gap: 4vw;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 429, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-news .p-wrap-news__item {
    width: calc((100% - 4vw) / 2);
  }
}

@media (min-width: 1024px) {
  /* line 440, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-finalist {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  /* line 444, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-finalist .p-wrap-finalist__item {
    width: calc(50% - 1rem);
  }
  /* line 448, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-finalist .p-wrap-finalist__before-release {
    margin: 1rem 0 0;
    width: 100%;
  }
  /* line 453, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-company-ranking {
    margin: 0 auto;
    max-width: 1050px;
  }
  /* line 456, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-company-ranking .p-wrap-company-ranking__inner {
    padding-bottom: 1rem;
    gap: 1.6rem;
  }
  /* line 461, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-latest-ranking {
    margin: 0 auto;
    max-width: 1050px;
  }
  /* line 464, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-latest-ranking .p-wrap-latest-ranking__inner {
    gap: 3rem;
  }
  /* line 469, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos.p-wrap-videos--row {
    overflow-x: unset;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
  }
  /* line 476, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos.p-wrap-videos--grid {
    gap: 3rem 2rem;
  }
  /* line 479, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__item {
    min-width: inherit;
  }
  /* line 481, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__item.p-wrap-videos__item--medium, .p-wrap-videos .p-wrap-videos__item.p-wrap-videos__item--small, .p-wrap-videos .p-wrap-videos__item.p-wrap-videos__item--large, .p-wrap-videos .p-wrap-videos__item.p-wrap-videos__item--half {
    width: calc(20% - 1.6rem);
  }
  /* line 489, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__bottom.p-wrap-videos__bottom--small {
    width: 100%;
  }
  /* line 493, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-videos .p-wrap-videos__hashtag {
    margin-top: 0.6rem;
  }
  /* line 497, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-coordinates {
    gap: 2rem 2rem;
    max-width: 1050px;
    margin: 0 auto;
  }
  /* line 501, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-coordinates .p-wrap-coordinates__item {
    width: calc(25% - 1.5rem);
  }
  /* line 505, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-staffs {
    gap: 4rem 2rem;
    flex-wrap: wrap;
  }
  /* line 508, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-staffs .p-wrap-staffs__item {
    width: calc(25% - 1.5rem);
  }
  /* line 513, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-area-name .area-name {
    font-size: 1.4rem;
  }
  /* line 517, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-sponsor-list {
    gap: 2rem 10rem;
    justify-content: center;
  }
  /* line 520, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-sponsor-list--medium {
    width: 100%;
    gap: 2rem 10rem;
    justify-content: center;
  }
  /* line 525, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-sponsor-list--small {
    gap: 3rem;
    width: 90%;
    margin: 0 auto;
  }
  /* line 529, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-sponsor-list--small .p-wrap-sponsor-list__item {
    width: calc(20% - 1.6rem);
  }
  /* line 533, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-sponsor-list .p-wrap-sponsor-list__item {
    width: calc(20% - 1.6rem);
  }
  /* line 537, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-pickup {
    display: flex;
  }
  /* line 539, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-pickup .p-wrap-pickup__item {
    width: 51rem;
    margin-right: 3rem;
    height: 100%;
    margin-bottom: inherit;
  }
  /* line 544, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-pickup .p-wrap-pickup__item:last-of-type {
    margin-right: 0;
  }
  /* line 549, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-news {
    gap: 3rem;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 553, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-news .p-wrap-news__item {
    width: calc((100% - 6rem) / 3);
  }
  /* line 559, app/assets/stylesheets/object/project/_wrap.scss */
  .p-wrap-latest-ranking .p-wrap-latest-ranking__inner--show-all {
    gap: 3rem 2.5rem;
    justify-content: unset;
    width: 100%;
    max-width: 1050px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login {
  background: #333333;
  color: #fff;
  min-height: 100%;
}

/* line 13, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__header {
  position: fixed;
  padding: 0.8rem 2.4rem;
  width: 100%;
  z-index: 1000;
  background: #333333;
}

/* line 20, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__inner {
  text-align: center;
  padding-top: calc(40px + 5rem);
  min-height: calc(100% - 350px);
  font-weight: bold;
  padding-bottom: 10rem;
}

/* line 28, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__top .sub-title {
  font-family: "futura-pt", sans-serif;
}

/* line 31, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__top .title {
  font-size: 2.4rem;
}

/* line 35, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__text {
  margin-top: 5rem;
}

/* line 37, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__text .lead-text {
  margin: 0 auto 1.5rem;
  width: 87%;
}

/* line 41, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__text .sub-text {
  font-size: 1.4rem;
  color: #aaaaaa;
  width: 83%;
  margin: 0 auto;
}

/* line 48, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__btn {
  margin: 4.4rem auto;
  background: #fff;
  color: #333333;
}

/* line 53, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__caution {
  font-size: 1.2rem;
  color: #aaaaaa;
  margin: 0 auto;
  width: 87%;
  max-width: 500px;
}

/* line 59, app/assets/stylesheets/object/project/_line-login.scss */
.p-line-login .p-line-login__caution .p-line-login__caution-link {
  text-decoration: underline;
  color: #aaaaaa;
  font-weight: bold;
}

@media (min-width: 1024px) {
  /* line 76, app/assets/stylesheets/object/project/_line-login.scss */
  .p-line-login .p-line-login__top .title {
    margin-top: 1rem;
  }
  /* line 80, app/assets/stylesheets/object/project/_line-login.scss */
  .p-line-login .p-line-login__text {
    max-width: 750px;
    width: 100%;
    margin: 7rem auto 0;
  }
  /* line 84, app/assets/stylesheets/object/project/_line-login.scss */
  .p-line-login .p-line-login__text .lead-text {
    font-size: 1.8rem;
  }
  /* line 88, app/assets/stylesheets/object/project/_line-login.scss */
  .p-line-login .p-line-login__inner {
    padding-top: calc(63px + 5rem);
  }
}

/* line 8, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error {
  display: none;
  position: fixed;
  align-items: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  user-select: none;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
}

/* line 9, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error.is-error {
  display: flex;
}

/* line 23, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner {
  background: #fff;
  border-radius: 10px;
  width: 90%;
  max-width: 50rem;
  padding: 60px 30px 40px;
  max-height: 90%;
  overflow-y: scroll;
}

/* line 31, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: relative;
  margin-bottom: 4.2rem;
}

/* line 39, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__top h3 {
  width: 100%;
  text-align: center;
  font-size: 2.4rem;
}

/* line 45, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__close-button {
  font-size: 2rem;
  cursor: pointer;
  position: absolute;
  right: -12px;
  bottom: 50px;
}

/* line 52, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__text {
  margin-bottom: 4rem;
  text-align: center;
}

/* line 56, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__btn {
  margin: 0 auto;
}

/* line 59, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__sub-text {
  font-size: 1.2rem;
  margin-top: 4rem;
  text-align: center;
}

/* line 63, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__sub-text a {
  text-decoration: underline;
}

/* line 67, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__description {
  font-size: 1.2rem;
  margin-top: 3rem;
}

/* line 71, app/assets/stylesheets/object/project/_login-error.scss */
.p-login-error .p-login-error__inner .p-login-error__description-title {
  font-weight: bold;
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  margin-bottom: 0.8rem;
}

@media (min-width: 1024px) {
  /* line 90, app/assets/stylesheets/object/project/_login-error.scss */
  .p-login-error .p-login-error__inner .p-login-error__close-button {
    font-size: 3rem;
    bottom: 38px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail {
  padding-top: calc(40px + 2.3rem);
  margin-bottom: 5.3rem;
}

/* line 13, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__item {
  width: 75.2vw;
  margin: 0 auto 2.6rem;
}

/* line 18, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__top-wrap {
  margin-bottom: 5.4rem;
}

/* line 21, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__profile-img {
  display: block;
  width: 6.4rem;
  height: 6.4rem;
}

/* line 26, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__profile-text {
  line-height: 2;
  margin-top: 2.6rem;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* line 32, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__firstview {
  position: relative;
}

/* line 36, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__firstview-img img {
  width: 100%;
  object-fit: cover;
  height: auto;
}

/* line 42, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .heart-wrap {
  position: absolute;
  bottom: 8px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid #f7931e;
  border-radius: 50%;
  z-index: 1;
  width: 54px;
  height: 54px;
  background: #fff;
}

/* line 58, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .heart-wrap button {
  background: none;
}

/* line 62, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .heart-wrap span {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: #828282;
}

/* line 70, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .heart-wrap .number {
  font-size: 1rem;
}

/* line 76, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
  margin-top: 3rem;
  gap: 3rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* line 85, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap::-webkit-scrollbar {
  display: none;
}

/* line 90, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item:first-of-type {
  margin-left: 1.8rem;
}

/* line 94, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item:last-of-type {
  margin-right: 1.8rem;
}

/* line 100, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .p-coordinate-detail__product-item {
  display: block;
  width: 60vw;
}

/* line 105, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner:first-of-type {
  margin-left: 1.5rem;
}

/* line 109, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner:last-of-type {
  margin-right: 1.8rem;
}

/* line 113, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .product-img {
  border-radius: 8px;
  overflow: hidden;
}

/* line 116, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 123, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .product-bottom {
  font-weight: 600;
  padding: 0.4rem;
}

/* line 127, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .product-bottom .product-name {
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1rem;
  display: block;
  white-space: nowrap;
}

/* line 136, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .product-bottom .product-size {
  font-size: 1.2rem;
  display: block;
}

/* line 141, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .product-bottom .product-price {
  font-size: 1.4rem;
}

/* line 148, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__coordinate {
  margin-top: 6rem;
}

/* line 152, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__coordinate-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem 4%;
  margin-top: 2.8rem;
}

/* line 159, app/assets/stylesheets/object/project/_coordinate-detail.scss */
.p-coordinate-detail .p-coordinate-detail__coordinate-title {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 1024px) {
  /* line 172, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail {
    padding-top: calc(63px + 2.3rem);
    min-height: calc(100% - 198px - 2.3rem);
  }
  /* line 175, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__top-wrap {
    display: flex;
    gap: 5%;
    align-items: center;
  }
  /* line 181, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__firstview {
    width: 47.5%;
  }
  /* line 184, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__firstview .heart-wrap {
    bottom: 34px;
    width: 65px;
    height: 65px;
  }
  /* line 189, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__firstview .heart-wrap span {
    font-size: 1rem;
  }
  /* line 193, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__firstview .heart-wrap .number {
    font-size: 1.4rem;
  }
  /* line 199, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__profile {
    width: 47.5%;
  }
  /* line 203, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__profile {
    margin-top: 0;
  }
  /* line 208, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__product-wrap {
    display: flex;
    overflow-x: unset;
    flex-wrap: wrap;
    gap: 2rem 1%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 216, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner {
    width: 19.2%;
  }
  /* line 219, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner:first-of-type {
    margin-left: 0;
  }
  /* line 223, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner:last-of-type {
    margin-right: 0;
  }
  /* line 227, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__product-wrap .p-coordinate-detail__item-inner .p-coordinate-detail__product-item {
    width: 100%;
  }
  /* line 233, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__coordinate-wrap {
    gap: 5rem 2%;
  }
  /* line 237, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__coordinate-title {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 241, app/assets/stylesheets/object/project/_coordinate-detail.scss */
  .p-coordinate-detail .p-coordinate-detail__coordinate {
    margin-top: 8rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 11, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about-container {
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 11, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about-container {
    width: 95vw;
  }
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about-container {
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

/* line 23, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-medium {
  max-width: clamp(230px, 42vw, 400px);
}

/* line 26, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-small {
  max-width: 26px;
}

/* line 30, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-tiny {
  max-width: 11px;
}

/* line 34, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-point {
  max-width: 85px;
}

/* line 37, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-point-small {
  max-width: 65px;
}

/* line 41, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__text {
  font-size: 1.4rem;
  line-height: 1.7;
}

/* line 45, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__text .p-about__text-weight {
  font-weight: 700;
}

/* line 50, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__text-annotation {
  font-size: 1.2rem;
  padding-left: 1rem;
  text-indent: -1em;
}

/* line 56, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__inner {
  padding-top: 7.5rem;
}

/* line 60, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-box {
  display: flex;
  gap: 1rem;
  width: 100%;
  max-width: 600px;
  align-items: center;
}

/* line 67, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-box--background-green {
  background: #f6ffee;
  border-radius: 5px;
}

/* line 72, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-box img {
  width: 100%;
  height: auto;
}

/* line 77, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__image-box .p-about__image-box-two-column {
  width: calc(100% / 2);
}

/* line 82, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__wrapper {
  width: 100%;
  padding: 2rem 1rem;
}

/* line 86, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__wrapper .p-about__wrapper-line {
  border: 1px solid #89c666;
  background: #ffffff;
  border-radius: 5px;
  padding: 1.5rem 1.3rem;
  text-align: center;
}

/* line 95, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__green-box {
  background: #f6ffee;
  border-radius: 5px;
  padding: 1.2rem 1rem;
}

/* line 101, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__sub-title {
  background: #89c666;
  color: #ffffff;
  text-align: center;
  padding: 0.9rem 0.8rem;
  border-radius: 3px;
  font-size: 1.2rem;
  max-width: 210px;
  font-weight: 700;
}

/* line 111, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__sub-title--small {
  max-width: 110px;
}

/* line 116, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__sub-text {
  font-size: 1.2rem;
  padding-top: 1.1rem;
  text-align: left;
  line-height: 1.6;
}

/* line 122, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__sub-text .p-about__sub-text-indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* line 128, app/assets/stylesheets/object/project/_about.scss */
.p-about .p-about__inner-box {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1024px) {
  /* line 142, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__image-point-small,
.p-about .p-about__image-point {
    max-width: 135px;
  }
  /* line 147, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__wrapper {
    padding: 4rem 2rem;
  }
  /* line 151, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__green-box {
    padding: 2rem;
  }
  /* line 155, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__inner-box {
    display: flex;
    gap: 3rem;
    justify-content: space-between;
  }
  /* line 161, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__sub-title {
    font-size: 1.5rem;
    max-width: 260px;
  }
  /* line 165, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__sub-title--small {
    max-width: 120px;
  }
  /* line 170, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__sub-text {
    font-size: 1.5rem;
  }
  /* line 174, app/assets/stylesheets/object/project/_about.scss */
  .p-about .p-about__text-annotation {
    font-size: 1.4rem;
    padding-left: 1rem;
    text-indent: -1em;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 11, app/assets/stylesheets/object/project/_top-about.scss */
.p-top-about {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

/* line 14, app/assets/stylesheets/object/project/_top-about.scss */
.p-top-about__container-inner {
  max-width: 600px;
}

@media (max-width: 767px) {
  /* line 14, app/assets/stylesheets/object/project/_top-about.scss */
  .p-top-about__container-inner {
    text-align: left;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 22, app/assets/stylesheets/object/project/_top-about.scss */
.p-top-about__title-section {
  padding-top: 5rem;
  padding-left: 0;
}

@media (max-width: 767px) {
  /* line 22, app/assets/stylesheets/object/project/_top-about.scss */
  .p-top-about__title-section {
    padding-top: 3rem;
  }
}

/* line 30, app/assets/stylesheets/object/project/_top-about.scss */
.p-top-about__title {
  font-size: 3rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  /* line 30, app/assets/stylesheets/object/project/_top-about.scss */
  .p-top-about__title {
    font-size: 2.2rem;
  }
}

/* line 39, app/assets/stylesheets/object/project/_top-about.scss */
.p-top-about__date {
  font-size: 2rem;
  font-weight: 600;
  padding-top: 0.5rem;
}

@media (max-width: 767px) {
  /* line 39, app/assets/stylesheets/object/project/_top-about.scss */
  .p-top-about__date {
    font-size: 1.4rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__title, .p-top-about-third-stage__title {
  font-size: 2.3rem;
  font-weight: 600;
  padding-top: 2.5rem;
}

@media (max-width: 767px) {
  /* line 10, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
  .p-top-about-second-stage__title, .p-top-about-third-stage__title {
    font-size: 1.6rem;
    padding-top: 1.5rem;
  }
}

/* line 20, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__description, .p-top-about-third-stage__description {
  font-size: 1.6rem;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  /* line 20, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
  .p-top-about-second-stage__description, .p-top-about-third-stage__description {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
}

/* line 29, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__header, .p-top-about-third-stage__header {
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  /* line 29, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
  .p-top-about-second-stage__header, .p-top-about-third-stage__header {
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }
}

/* line 39, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__rule, .p-top-about-third-stage__rule {
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  /* line 39, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
  .p-top-about-second-stage__rule, .p-top-about-third-stage__rule {
    font-size: 1.2rem;
  }
}

/* line 44, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__rule li, .p-top-about-third-stage__rule li {
  text-indent: -2rem;
  margin-left: 2rem;
}

/* line 48, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__rule span, .p-top-about-third-stage__rule span {
  font-weight: 600;
}

/* line 53, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
.p-top-about-second-stage__third-stage-info, .p-top-about-third-stage__third-stage-info {
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  /* line 53, app/assets/stylesheets/object/project/_top-about-second-stage.scss */
  .p-top-about-second-stage__third-stage-info, .p-top-about-third-stage__third-stage-info {
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking {
  padding-top: 2.8rem;
  padding-bottom: 0rem;
}

/* line 11, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map {
  padding-bottom: 3rem;
  position: relative;
  display: flex;
}

/* line 15, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--all-japan {
  width: 100%;
  overflow: visible;
}

/* line 21, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--hokkaido-tohoku:hover path {
  fill: #9552ab;
}

/* line 26, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--hokkaido-tohoku.is-active path {
  fill: #9552ab;
}

/* line 29, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--hokkaido-tohoku.is-active + .line--hokkaido-tohoku {
  stroke: #9552ab;
  fill: none;
}

/* line 35, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--hokkaido-tohoku.is-color-active path {
  fill: #9552ab;
}

/* line 42, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--tokyo:hover path {
  fill: #0071bc;
}

/* line 47, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--tokyo.is-active path {
  fill: #0071bc;
}

/* line 50, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--tokyo.is-active + .line--tokyo {
  stroke: #0071bc;
  fill: none;
}

/* line 56, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--tokyo.is-color-active path {
  fill: #0071bc;
}

/* line 63, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kanto:hover path {
  fill: #68bbe0;
}

/* line 68, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kanto.is-active path {
  fill: #68bbe0;
}

/* line 71, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kanto.is-active + .line--kanto {
  stroke: #68bbe0;
  fill: none;
}

/* line 77, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kanto.is-color-active path {
  fill: #68bbe0;
}

/* line 84, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chubu:hover path {
  fill: #63ba2d;
}

/* line 89, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chubu.is-active path {
  fill: #63ba2d;
}

/* line 92, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chubu.is-active + .line--chubu {
  stroke: #63ba2d;
  fill: none;
}

/* line 98, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chubu.is-color-active path {
  fill: #63ba2d;
}

/* line 105, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kinki:hover path {
  fill: #ffc500;
}

/* line 110, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kinki.is-active path {
  fill: #ffc500;
}

/* line 113, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kinki.is-active + .line--kinki {
  stroke: #ffc500;
  fill: none;
}

/* line 119, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kinki.is-color-active path {
  fill: #ffc500;
}

/* line 126, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chugoku:hover path {
  fill: #f7931e;
}

/* line 131, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chugoku.is-active path {
  fill: #f7931e;
}

/* line 134, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chugoku.is-active + .line--chugoku {
  stroke: #f7931e;
  fill: none;
}

/* line 140, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--chugoku.is-color-active path {
  fill: #f7931e;
}

/* line 147, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kyusyu:hover path {
  fill: #ff1d25;
}

/* line 150, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kyusyu:hover + path {
  stroke: #ff1d25;
}

/* line 155, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kyusyu.is-active path {
  fill: #ff1d25;
}

/* line 158, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kyusyu.is-active + path {
  stroke: #ff1d25;
}

/* line 160, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kyusyu.is-active + path + .line--kyusyu {
  stroke: #ff1d25;
  fill: none;
}

/* line 167, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__map--kyusyu.is-color-active path {
  fill: #ff1d25;
}

/* line 173, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10 {
  margin-bottom: 1.5rem;
  display: none;
}

/* line 176, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10.is-show {
  display: block;
}

/* line 179, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--hokkaido-tohoku {
  background: #e8ebf6;
  border: 1px solid #9552ab;
  position: relative;
}

/* line 183, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--hokkaido-tohoku .p-top-area-ranking__top10-title {
  color: #9552ab;
}

/* line 186, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--hokkaido-tohoku .p-top-area-ranking__top10-line {
  background-color: #9552ab;
}

/* line 190, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--tokyo {
  background: #dceef8;
  border: 1px solid #0071bc;
  position: relative;
}

/* line 194, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--tokyo .p-top-area-ranking__top10-title {
  color: #0071bc;
}

/* line 197, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--tokyo .p-top-area-ranking__top10-line {
  background-color: #0071bc;
}

/* line 201, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kanto {
  background: #e4f3fa;
  border: 1px solid #68bbe0;
  position: relative;
}

/* line 205, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kanto .p-top-area-ranking__top10-title {
  color: #68bbe0;
}

/* line 208, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kanto .p-top-area-ranking__top10-line {
  background-color: #68bbe0;
}

/* line 212, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--chubu {
  background: #e4f3ec;
  border: 1px solid #63ba2d;
  position: relative;
}

/* line 216, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--chubu .p-top-area-ranking__top10-title {
  color: #63ba2d;
}

/* line 219, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--chubu .p-top-area-ranking__top10-line {
  background-color: #63ba2d;
}

/* line 223, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kinki {
  background: #f8f6e8;
  border: 1px solid #ffc500;
  position: relative;
}

/* line 227, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kinki .p-top-area-ranking__top10-title {
  color: #ffc500;
}

/* line 230, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kinki .p-top-area-ranking__top10-line {
  background-color: #ffc500;
}

/* line 234, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--chugoku {
  background: #feefdd;
  border: 1px solid #f7931e;
  position: relative;
}

/* line 238, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--chugoku .p-top-area-ranking__top10-title {
  color: #f7931e;
}

/* line 241, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--chugoku .p-top-area-ranking__top10-line {
  background-color: #f7931e;
}

/* line 245, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kyusyu {
  background: #ffedee;
  border: 1px solid #ff1d25;
  position: relative;
}

/* line 249, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kyusyu .p-top-area-ranking__top10-title {
  color: #ff1d25;
}

/* line 252, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10--kyusyu .p-top-area-ranking__top10-line {
  background-color: #ff1d25;
}

/* line 257, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10-close-button {
  position: absolute;
  right: 1.4rem;
  top: 1.4rem;
}

/* line 262, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10-title-section {
  padding: 0 1.4rem;
}

/* line 265, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10-title {
  font-size: 3.2rem;
  font-family: "futura-pt", sans-serif;
  letter-spacing: -1px;
  padding-top: 1.8rem;
  line-height: 33px;
}

/* line 272, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__top10-line {
  height: 9px;
  width: 8.7rem;
  display: block;
  margin: 2rem 0 1.8rem;
}

/* line 279, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area {
  padding: 2rem 1.5rem;
  background: rgba(242, 242, 242, 0.7);
}

/* line 283, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-title-section {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

/* line 288, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-title {
  font-size: 1.8rem;
}

/* line 291, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.2rem 0 0;
}

/* line 297, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item {
  width: calc(50% - 0.5rem);
}

/* line 300, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--hokkaido-tohoku .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #9552ab;
}

/* line 303, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--hokkaido-tohoku .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #9552ab;
}

/* line 306, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--hokkaido-tohoku .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #9552ab;
}

/* line 309, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--hokkaido-tohoku .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #9552ab;
}

/* line 315, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--hokkaido-tohoku .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #9552ab;
}

/* line 321, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--tokyo .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #0071bc;
}

/* line 324, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--tokyo .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #0071bc;
}

/* line 327, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--tokyo .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #0071bc;
}

/* line 330, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--tokyo .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #0071bc;
}

/* line 336, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--tokyo .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #0071bc;
}

/* line 342, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kanto .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #68bbe0;
}

/* line 345, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kanto .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #68bbe0;
}

/* line 348, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kanto .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #68bbe0;
}

/* line 351, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kanto .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #68bbe0;
}

/* line 357, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kanto .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #68bbe0;
}

/* line 363, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chubu .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #63ba2d;
}

/* line 366, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chubu .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #63ba2d;
}

/* line 369, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chubu .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #63ba2d;
}

/* line 372, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chubu .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #63ba2d;
}

/* line 378, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chubu .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #63ba2d;
}

/* line 384, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kinki .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #ffc500;
}

/* line 387, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kinki .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #ffc500;
}

/* line 390, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kinki .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #ffc500;
}

/* line 393, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kinki .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #ffc500;
}

/* line 399, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kinki .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #ffc500;
}

/* line 405, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chugoku .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #f7931e;
}

/* line 408, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chugoku .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #f7931e;
}

/* line 411, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chugoku .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #f7931e;
}

/* line 414, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chugoku .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #f7931e;
}

/* line 420, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--chugoku .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #f7931e;
}

/* line 426, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kyusyu .p-top-area-ranking__ranking-by-area-list-item-label {
  color: #ff1d25;
}

/* line 429, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kyusyu .p-top-area-ranking__ranking-by-area-list-item-card-number {
  border: 1px solid #ff1d25;
}

/* line 432, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kyusyu .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  color: #ff1d25;
}

/* line 435, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kyusyu .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link svg path {
  stroke: #ff1d25;
}

/* line 441, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item--kyusyu .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  border: 1px solid #ff1d25;
}

/* line 447, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-label-section {
  font-weight: 700;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

/* line 453, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-sub-label {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #606060;
}

/* line 457, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card {
  background: #ffffff;
  margin-top: 0.4rem;
  padding: 0.7rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 465, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-top {
  display: flex;
  justify-content: space-between;
  gap: 0.7rem;
}

/* line 470, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-name-container {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  flex: 1 1 0%;
  min-width: 0;
}

/* line 477, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-name {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #000000;
  word-break: break-word;
}

/* line 484, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-number {
  min-width: 18px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: "futura-pt", sans-serif;
}

/* line 494, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-description {
  font-size: 1rem;
  word-break: break-word;
  line-height: 1.2;
  color: #575756;
}

/* line 500, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper {
  position: relative;
  flex: 0 0 48px;
  width: 4.8rem;
  height: 4.8rem;
  min-width: 4.8rem;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}

/* line 509, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}

/* line 520, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-image {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
}

/* line 524, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-image img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  height: 100%;
}

/* line 531, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-bottom {
  display: flex;
  justify-content: space-between;
}

/* line 535, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-bottom-shop {
  padding: 0.1rem 0.5rem;
  background: #cdcbc7;
  border-radius: 20px;
  color: #ffffff;
}

/* line 541, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-item-card-bottom-link {
  display: flex;
  align-items: baseline;
  font-family: "Hiragino Sans", sans-serif;
  white-space: nowrap;
}

/* line 547, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-button {
  align-self: center;
  width: calc(50% - 0.5rem);
  display: flex;
  justify-content: center;
  margin-top: 2.3rem;
}

/* line 553, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-button button {
  font-size: 1rem;
  background: #828282;
  color: #ffffff;
  border-radius: 30px;
  width: 15.4rem;
  height: 4.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
  font-family: "Hiragino Sans", sans-serif;
}

/* line 566, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__ranking-by-area-list-button img {
  width: 10px;
  height: 100%;
}

/* line 571, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__banner {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  color: #ffffff;
  text-align: center;
  padding: 1.5rem 1rem;
  border-radius: 10px;
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

/* line 580, app/assets/stylesheets/object/project/_top-area-ranking.scss */
.p-top-area-ranking .p-top-area-ranking__before-release {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 7rem;
  margin-bottom: 5rem;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: rgba(34, 34, 34, 0.9);
  backdrop-filter: blur(10px);
  font-family: "futura-pt", sans-serif;
  color: #ffffff;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info {
    padding-bottom: 1rem;
  }
}

/* line 21, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info--sub-title {
  font-size: 3.7rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  text-align: left;
  margin-bottom: 1.5rem;
  margin-left: 2rem;
}

@media (max-width: 767px) {
  /* line 21, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info--sub-title {
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
    margin-left: 1.5rem;
  }
}

@media (max-width: 450px) {
  /* line 21, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info--sub-title {
    text-align: left;
  }
}

/* line 39, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info--title {
  font-size: 3.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  /* line 39, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info--title {
    font-size: 1.6rem;
  }
}

@media (max-width: 450px) {
  /* line 39, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info--title {
    text-align: left;
  }
}

/* line 52, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info--text {
  font-size: 2.1rem;
  text-align: center;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  /* line 52, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info--text {
    font-size: 1.4rem;
    text-align: center;
  }
}

/* line 63, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info--lead {
  text-align: right;
  margin-top: 3.5rem;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  /* line 63, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info--lead {
    margin-top: 4rem;
    font-size: 1.2rem;
  }
}

/* line 74, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info__container {
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4rem;
}

@media (max-width: 767px) {
  /* line 74, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info__container {
    flex-direction: column;
  }
}

/* line 85, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info__container-inner {
  width: 50%;
}

@media (max-width: 767px) {
  /* line 85, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info__container-inner {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 90, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info__container-inner--right {
    margin-bottom: 3rem;
  }
}

/* line 94, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info__container-inner--right img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* line 102, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info__schedule {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ffffff;
  padding: 2rem;
  width: fit-content;
  margin: 0 auto;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 102, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info__schedule {
    padding: 1.5rem;
    justify-content: space-between;
  }
}

@media (max-width: 450px) {
  /* line 102, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info__schedule {
    width: 100%;
  }
}

/* line 124, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 130, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__date {
  font-size: 2.4rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 130, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info-schedule__date {
    font-size: 1.4rem;
  }
}

/* line 139, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__place {
  font-size: 3.7rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 139, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info-schedule__place {
    font-size: 2.4rem;
  }
}

/* line 147, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__place span {
  font-size: 2.2rem;
  margin-left: 1rem;
}

@media (max-width: 767px) {
  /* line 147, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info-schedule__place span {
    font-size: 1.5rem;
  }
}

/* line 157, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__right {
  margin-left: 3rem;
}

@media (max-width: 767px) {
  /* line 157, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info-schedule__right {
    margin-left: 1rem;
  }
}

/* line 163, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__right p {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 767px) {
  /* line 163, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
  .p-top-final-stage-info-schedule__right p {
    font-size: 1.8rem;
  }
}

/* line 172, app/assets/stylesheets/object/project/_top-final-stage-info.scss */
.p-top-final-stage-info-schedule__right p span {
  display: block;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist {
  margin: 0 auto;
  max-width: 1074px;
}

/* line 13, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist__inner {
  gap: 3rem;
  width: 100%;
  overflow: auto;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  display: flex;
  padding: 3rem 1.2rem 15rem;
}

@media (max-width: 767px) {
  /* line 13, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist__inner {
    gap: 1.9rem;
    padding: 0 2rem 5rem;
  }
}

/* line 30, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item {
  width: calc((100% - 1.5rem) / 2);
  max-width: 240px;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  display: block;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  /* line 30, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item {
    width: calc((100% - 1.9rem) / 2);
  }
}

/* line 45, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__img {
  max-width: 320px;
  max-height: 320px;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #ffffff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
}

/* line 56, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__img img {
  width: 100%;
  min-height: 100%;
  object-fit: contain;
  height: 100%;
}

/* line 64, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__box {
  display: flex;
  flex-flow: column;
  align-items: center;
  word-wrap: break-word;
  background: #ffffff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 1.4rem 0 2.8rem;
  gap: 1.2rem;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item__box {
    padding: 0.9rem 0 1.1rem;
  }
}

/* line 80, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__box--img {
  position: relative;
  width: 100%;
  display: block;
}

/* line 85, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__box--img:before {
  content: '';
  display: block;
  height: 50px;
}

@media (max-width: 767px) {
  /* line 85, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item__box--img:before {
    height: 32px;
  }
}

/* line 95, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__box--img img {
  padding-left: 20%;
  padding-right: 20%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  object-fit: contain;
}

/* line 108, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__info {
  width: 100%;
  padding: 0 1.4rem;
  color: #333333;
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
}

/* line 116, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__info--small {
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  /* line 116, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item__info--small {
    font-size: 1rem;
    line-height: 1.6;
  }
}

/* line 125, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item__info--normal {
  font-size: 1.8rem;
  padding-top: 0.5rem;
}

@media (max-width: 767px) {
  /* line 125, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item__info--normal {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

/* line 137, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item-text-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
  gap: 0.8rem;
  margin: 0 auto 0.5rem;
}

@media (max-width: 767px) {
  /* line 137, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item-text-box {
    gap: 0.6rem;
    margin: 0 auto 0.3rem;
  }
}

/* line 154, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item-text-box__text {
  text-align: center;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-style: normal;
  font-size: 3.6rem;
  background: linear-gradient(95deg, #00bbff 0%, #5ae100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item-text-box__text {
    font-size: 2.4rem;
  }
}

/* line 167, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item-text-box__text span {
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  /* line 167, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item-text-box__text span {
    font-size: 1.2rem;
  }
}

/* line 176, app/assets/stylesheets/object/project/_top-finalist.scss */
.p-top-finalist-item-text-box img {
  width: 12px;
  min-height: 100%;
  height: auto;
  transform: translateY(25%);
  object-fit: contain;
}

@media (max-width: 767px) {
  /* line 176, app/assets/stylesheets/object/project/_top-finalist.scss */
  .p-top-finalist-item-text-box img {
    width: 10px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided {
  padding-top: 6.3rem;
  padding-bottom: 4.8rem;
  background-image: url(/assets/bg_top_finalists_decided-41105595744dfceec5f9070385273d41458116a0519e26c5088b1f940afa1b95.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided {
    padding-top: 4.2rem;
    padding-bottom: 3rem;
    background-image: url(/assets/bg_top_finalists_decided_sp-543bea518df71e6fe47bfa8c4dd2f603215ea952e64fdeb39286c576a8f76853.png);
  }
}

/* line 25, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__title {
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 25, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided__title {
    height: 2rem;
  }
}

/* line 35, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__title img {
  width: 100%;
  max-width: 335px;
  height: auto;
}

@media (max-width: 767px) {
  /* line 35, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided__title img {
    max-width: 223px;
  }
}

/* line 46, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__main-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 6rem;
}

@media (max-width: 767px) {
  /* line 46, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided__main-text {
    font-size: 4rem;
  }
}

/* line 56, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__main-text--en {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0.04em;
}

/* line 61, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__main-text--space {
  font-weight: 800;
}

/* line 65, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__main-text--ja {
  font-weight: 800;
  font-size: 4.6rem;
}

@media (max-width: 767px) {
  /* line 65, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided__main-text--ja {
    font-size: 3.1rem;
  }
}

/* line 74, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__main-text--exclamation {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* line 79, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__sub-text {
  font-size: 2.2rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  /* line 79, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided__sub-text {
    font-size: 1.5rem;
  }
}

/* line 88, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided__bottom {
  font-size: 2.2rem;
  font-weight: 600;
  margin-top: 4.5rem;
}

@media (max-width: 767px) {
  /* line 88, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided__bottom {
    font-size: 1.5rem;
    margin-top: 3rem;
  }
}

/* line 100, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided-votes {
  max-width: 502px;
  width: 100%;
  margin: 4.6rem auto 0;
  padding: 1.5rem 0 0.7rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 19.71%, rgba(255, 255, 255, 0.15) 82.21%, rgba(255, 255, 255, 0) 100%);
  border-width: 1.5px 0px 1.5px 0px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(238, 205, 129, 0) 0%, rgba(238, 205, 129, 0.3) 50%, rgba(238, 205, 129, 0) 100%) 1;
  backdrop-filter: blur(30px);
}

@media (max-width: 767px) {
  /* line 100, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided-votes {
    max-width: 335px;
    margin: 3rem auto 0;
    padding: 0.7rem 0 0.4rem;
    border-width: 1px 0px 1px 0px;
    backdrop-filter: blur(20px);
  }
}

/* line 119, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided-votes__text {
  font-size: 2.2rem;
  font-weight: 700;
  color: #bc975f;
  letter-spacing: 1.5px;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 119, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided-votes__text {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}

/* line 132, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
.p-top-finalists-decided-votes__count {
  font-size: 5rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  background: linear-gradient(180deg, #F8D88B 19.33%, #A17331 73.33%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1.5px #BD944F;
}

@media (max-width: 767px) {
  /* line 132, app/assets/stylesheets/object/project/_top-finalists-decided.scss */
  .p-top-finalists-decided-votes__count {
    font-size: 3.4rem;
    -webkit-text-stroke: 1px #BD944F;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  max-width: 600px;
}

/* line 17, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* line 23, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube__link {
  display: block;
  width: 100%;
}

/* line 28, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube__title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 300px;
  background: rgba(0, 0, 0, 0.5);
  padding: 1.2rem 1.5rem;
  color: #ffffff;
  font-size: 2rem;
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube__title {
    max-width: 211px;
    font-size: 1.4rem;
  }
}

/* line 44, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube__title strong {
  font-weight: 600;
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  /* line 44, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube__title strong {
    font-size: 1.2rem;
  }
}

/* line 53, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube__title-sub {
  font-size: 1rem;
  font-weight: normal;
}

@media (min-width: 1024px) {
  /* line 53, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube__title-sub {
    font-size: 1.4rem;
  }
}

/* line 63, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-place {
  position: relative;
  display: flex;
  justify-content: center;
}

/* line 69, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box {
  width: 100%;
  padding-left: 3vw;
  padding-right: 3vw;
  aspect-ratio: 16 / 9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1000px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 69, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  /* line 69, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 89, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box.p-youtube-box--no-placement {
  position: static;
  transform: none;
  max-width: 640px;
  margin-top: 2.2rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 89, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box.p-youtube-box--no-placement {
    margin-top: 5rem;
  }
}

@media (min-width: 1024px) {
  /* line 89, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box.p-youtube-box--no-placement {
    margin-top: 8rem;
  }
}

/* line 102, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box iframe {
  width: 100%;
  height: 90%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 102, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box iframe {
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box iframe {
    width: 100%;
    height: 100%;
  }
}

/* line 115, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box .live-video {
  background: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

/* line 120, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box .live-video-block {
  margin: 0 auto;
  display: block;
}

/* line 124, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box .line-live-link {
  text-align: center;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  color: #333333;
}

@media (min-width: 1024px) {
  /* line 124, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box .line-live-link {
    text-align: center;
    margin-top: 2rem;
    font-size: 1.6rem;
  }
}

/* line 137, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box .line-live-link a {
  text-decoration: underline;
  font-weight: bold;
}

@media (min-width: 1024px) {
  /* line 137, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box .line-live-link a {
    text-decoration: underline;
    font-weight: bold;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line {
  width: 100%;
  background-color: #ffffff;
  backdrop-filter: blur(10px);
  padding: 3.5rem 1.5rem 4.5rem;
}

@media (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line {
    padding: 5rem 3rem 6rem;
  }
}

/* line 19, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line h4 {
  color: #000000;
  font-size: 1.4rem;
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line h4 {
    font-size: 2rem;
  }
}

/* line 27, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line__box {
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: center;
  padding-top: 2rem;
  text-align: left;
}

@media (min-width: 1024px) {
  /* line 27, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line__box {
    padding-top: 3rem;
  }
}

/* line 37, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line__box img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 53px;
}

@media (min-width: 1024px) {
  /* line 37, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line__box img {
    max-width: 100px;
  }
}

/* line 47, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line__balloon {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5rem;
  padding: 0.6rem 1.5rem;
  max-width: 100%;
  color: #575756;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  background: #ffffff;
  border-radius: 43px;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 47, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line__balloon {
    font-size: 1.6rem;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
  }
}

/* line 66, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line__balloon::before {
  content: "";
  position: absolute;
  top: 74%;
  left: 58%;
  margin-left: -85px;
  border: 7px solid transparent;
  border-top: 25px solid #ffffff;
  transform: rotate(45deg);
}

@media (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line__balloon::before {
    top: 42px;
    left: 50%;
    border: 9px solid transparent;
    border-top: 30px solid #ffffff;
  }
}

/* line 84, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line__copy {
  color: #000000;
  font-size: 1.3rem;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 84, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line__copy {
    font-size: 1.6rem;
  }
}

/* line 93, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line__text-blue {
  color: #24bbf3;
  display: inline-block;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  font-weight: 600;
}

/* line 100, app/assets/stylesheets/object/project/_top-line.scss */
.p-top-line .p-top-line__text-big {
  font-size: 1.8rem;
}

@media (min-width: 1024px) {
  /* line 100, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line .p-top-line__text-big {
    font-size: 2.3rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 8, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-item-wrap {
  overflow-x: scroll;
  display: flex;
  gap: 1.2rem;
  padding: 2rem 4vw;
  scrollbar-width: none;
}

/* line 14, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-item-wrap::webkit-scrollbar {
  display: none;
}

/* line 18, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-item {
  padding: 0 2rem;
  width: 63vw;
  min-width: 24rem;
  max-width: 30rem;
  overflow: hidden;
  border: 2px solid #e0e0e0;
  border-radius: 9999px;
  height: 7.5rem;
}

/* line 27, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-item.p-top-ranking__company-item--current {
  border-color: #89c666;
}

/* line 30, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-item .p-top-ranking__company-button {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #333333;
}

/* line 40, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-logo {
  border: none;
  display: flex;
  align-items: center;
  border-radius: unset;
  width: 6.5rem;
  height: auto;
  overflow: hidden;
  min-width: 6.5rem;
}

/* line 49, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__company-logo img {
  width: 100%;
  min-height: inherit;
  object-fit: unset;
  height: auto;
}

/* line 56, app/assets/stylesheets/object/project/_top-ranking.scss */
.p-top-ranking__staffs-wrap {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  /* line 62, app/assets/stylesheets/object/project/_top-ranking.scss */
  .p-top-ranking__company-item-wrap {
    padding: 3rem 0 2rem;
  }
  /* line 65, app/assets/stylesheets/object/project/_top-ranking.scss */
  .p-top-ranking__company-item {
    min-width: 33rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list {
  padding-top: 3.4rem;
}

/* line 12, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__top-banner {
  background: #333333;
  max-width: none;
  position: relative;
  height: 70px;
}

/* line 19, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__top-banner-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #ffffff;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__top-banner-wrap {
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 19, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__top-banner-wrap {
    justify-content: center;
  }
}

/* line 40, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__top-banner-title {
  font-size: 1.6rem;
  margin-bottom: 0rem;
  margin-right: 5rem;
  font-weight: 600;
}

@media (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__top-banner-title {
    font-size: 2.2rem;
    margin-right: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 40, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__top-banner-title {
    font-size: 2.2rem;
    margin-right: 1rem;
  }
}

/* line 56, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__top-banner-icon {
  width: 110px;
  height: 110px;
  z-index: 10;
}

/* line 62, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label {
  margin-bottom: 4rem;
  padding-left: 2rem;
  height: 5rem;
  position: relative;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
}

/* line 77, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label p {
  max-width: 1050px;
  width: 100%;
  position: relative;
}

@media (min-width: 1024px) {
  /* line 77, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__division-label p {
    margin: 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 77, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__division-label p {
    margin: 0 auto;
  }
}

/* line 88, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label p::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1rem;
}

/* line 100, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label p::after {
  position: absolute;
  bottom: -2rem;
  left: 6rem;
  transform: translateX(-50%);
  width: 18px;
  height: 9px;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

/* line 112, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label--apparel {
  background-color: #8639f3;
}

/* line 116, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label--apparel p::before {
  background-image: url(/assets/tab-icon-apparel-7c5266ca3a5f711e0ef8590ebf8d9acb59fef01f905ce0a6c9c2cc82f11a3a99.svg);
}

/* line 119, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label--apparel p::after {
  background-color: #8639f3;
}

/* line 125, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label--merchandise {
  background-color: #f69c0c;
}

/* line 128, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label--merchandise p::before {
  background-image: url(/assets/tab-icon-product-sales-238b7d3fd6a00bdd102b2d3164c06b0a3011b93cd98941471b1cf33815ac9f32.svg);
}

/* line 131, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__division-label--merchandise p::after {
  background-color: #f69c0c;
}

/* line 138, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__ranking-header--subtitle {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
}

/* line 145, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__inner {
  position: relative;
}

@media (min-width: 1024px) {
  /* line 145, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__inner {
    margin-top: 3rem;
    height: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 145, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__inner {
    margin-top: 3rem;
    height: inherit;
  }
}

/* line 157, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__wrap {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  gap: 1.4rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: 3rem;
  padding-right: 2.4rem;
  padding-bottom: 9rem;
}

@media (min-width: 1024px) {
  /* line 157, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__wrap {
    flex-wrap: wrap;
    overflow-x: unset;
    gap: 1.2rem;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 7rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 157, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
  .p-top-second-stage-passing-list__wrap {
    flex-wrap: wrap;
    overflow-x: unset;
    gap: 1.2rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 7rem;
  }
}

/* line 187, app/assets/stylesheets/object/project/_top-second-stage-passing-list.scss */
.p-top-second-stage-passing-list__wrap::-webkit-scrollbar {
  display: none;
}

/* line 6, app/assets/stylesheets/object/project/_error-page.scss */
.p-error-page {
  min-height: calc(100% - 300px);
  padding-top: 12rem;
  padding-bottom: 8rem;
}

/* line 10, app/assets/stylesheets/object/project/_error-page.scss */
.p-error-page .p-error-page__inner {
  height: 100%;
}

/* line 13, app/assets/stylesheets/object/project/_error-page.scss */
.p-error-page .p-error-page__title {
  font-weight: bold;
  font-size: 7rem;
  text-align: center;
}

/* line 18, app/assets/stylesheets/object/project/_error-page.scss */
.p-error-page .p-error-page__sub-title {
  margin: 2rem auto 0;
  font-weight: bold;
  width: 90%;
  text-align: center;
}

/* line 24, app/assets/stylesheets/object/project/_error-page.scss */
.p-error-page .p-error-page__text {
  margin: 2rem auto 0;
  font-size: 1.4rem;
  width: 90%;
  text-align: center;
}

/* line 30, app/assets/stylesheets/object/project/_error-page.scss */
.p-error-page .p-error-page__btn {
  margin: 4rem auto;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_description.scss */
.p-description img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* line 15, app/assets/stylesheets/object/project/_description.scss */
.p-description .p-description__img {
  max-width: 767px;
}

/* line 17, app/assets/stylesheets/object/project/_description.scss */
.p-description .p-description__img.p-description__img--sp {
  display: block;
}

/* line 20, app/assets/stylesheets/object/project/_description.scss */
.p-description .p-description__img.p-description__img--pc {
  display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 31, app/assets/stylesheets/object/project/_description.scss */
  .p-description .p-description__img {
    max-width: 1024px;
  }
  /* line 33, app/assets/stylesheets/object/project/_description.scss */
  .p-description .p-description__img.p-description__img--sp {
    display: none;
  }
  /* line 36, app/assets/stylesheets/object/project/_description.scss */
  .p-description .p-description__img.p-description__img--pc {
    display: block;
  }
}

@media (min-width: 1024px) {
  /* line 48, app/assets/stylesheets/object/project/_description.scss */
  .p-description {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  /* line 51, app/assets/stylesheets/object/project/_description.scss */
  .p-description .p-description__img {
    max-width: 1050px;
  }
  /* line 53, app/assets/stylesheets/object/project/_description.scss */
  .p-description .p-description__img.p-description__img--sp {
    display: none;
  }
  /* line 56, app/assets/stylesheets/object/project/_description.scss */
  .p-description .p-description__img.p-description__img--pc {
    display: block;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie-box {
  margin-top: 10px;
  text-align: center;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

/* line 16, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie-box .p-teaser-movie-inner {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}

/* line 23, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  height: 80%;
}

@media only screen and (max-width: 768px) {
  /* line 35, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .movie-box iframe {
    width: 100%;
    height: 100%;
  }
}

/* line 42, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie {
  width: 100%;
}

/* line 44, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 49, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__video {
  width: 100%;
  text-align: center;
}

/* line 53, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__video video {
  width: 70%;
}

/* line 58, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__wrapper-movie {
  width: 95%;
}

/* line 60, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__wrapper-movie iframe {
  width: 100%;
  height: 100%;
}

/* line 65, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__contents {
  text-align: center;
  max-width: 500px;
  width: 100%;
  padding: 2rem 13vw;
}

/* line 70, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__contents .p-teaser-movie__contents-inner {
  padding-top: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
}

/* line 77, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__contents iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

/* line 86, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__contents p {
  color: #ffffff;
  text-align: center;
  font-size: 1rem;
}

/* line 91, app/assets/stylesheets/object/project/_teaser-movie.scss */
.p-teaser-movie .p-teaser-movie__contents span {
  font-size: 1.4rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 102, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents {
    padding: 3rem 1rem;
    max-width: 400px;
  }
  /* line 105, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents iframe {
    width: 100%;
    height: 100%;
  }
  /* line 109, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents p {
    font-size: 1.4rem;
  }
  /* line 112, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents span {
    font-size: 1.8rem;
  }
}

@media (min-width: 1024px) {
  /* line 124, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  /* line 129, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__wrapper .p-teaser-movie__video {
    width: 30%;
    padding-left: 3rem;
  }
  /* line 133, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__wrapper .p-teaser-movie__video video {
    width: 100%;
  }
  /* line 137, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__wrapper .p-teaser-movie__wrapper-movie {
    width: 70%;
  }
  /* line 140, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__wrapper .p-teaser-movie__wrapper-movie iframe {
    width: 85%;
    height: 100%;
  }
  /* line 146, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents {
    padding: 3rem 2rem;
  }
  /* line 148, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents iframe {
    width: 100%;
    height: 100%;
  }
  /* line 152, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents p {
    font-size: 1.4rem;
  }
  /* line 155, app/assets/stylesheets/object/project/_teaser-movie.scss */
  .p-teaser-movie .p-teaser-movie__contents span {
    font-size: 1.8rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_youtube-featured.scss */
.p-youtube-featured {
  overflow: hidden;
  padding-bottom: 0;
}

/* line 12, app/assets/stylesheets/object/project/_youtube-featured.scss */
.p-youtube-featured .p-youtube-featured__inner {
  max-width: 1050px;
  margin: 0 auto;
  padding-left: 4vw;
  padding-right: 4vw;
}

/* line 18, app/assets/stylesheets/object/project/_youtube-featured.scss */
.p-youtube-featured .p-youtube-featured__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2em 2%;
  margin: 3rem auto 4rem;
  -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

/* line 28, app/assets/stylesheets/object/project/_youtube-featured.scss */
.p-youtube-featured .p-youtube-featured__item {
  width: 49%;
  height: 100%;
  overflow: hidden;
}

/* line 32, app/assets/stylesheets/object/project/_youtube-featured.scss */
.p-youtube-featured .p-youtube-featured__item:last-of-type {
  margin-right: inherit;
}

/* line 35, app/assets/stylesheets/object/project/_youtube-featured.scss */
.p-youtube-featured .p-youtube-featured__item img {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 47, app/assets/stylesheets/object/project/_youtube-featured.scss */
  .p-youtube-featured .p-youtube-featured__inner {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 52, app/assets/stylesheets/object/project/_youtube-featured.scss */
  .p-youtube-featured .p-youtube-featured__list {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  /* line 64, app/assets/stylesheets/object/project/_youtube-featured.scss */
  .p-youtube-featured .p-youtube-featured__inner {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 68, app/assets/stylesheets/object/project/_youtube-featured.scss */
  .p-youtube-featured .p-youtube-featured__list {
    gap: 2em 2%;
    margin-bottom: 4rem;
  }
  /* line 72, app/assets/stylesheets/object/project/_youtube-featured.scss */
  .p-youtube-featured .p-youtube-featured__item {
    width: 32%;
    max-width: 33.6rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top {
  background-image: url(/assets/final-stage/final_stage_top_bg_sp-1a4d96f1c7782eb278af59281c61ebcc74acecdaf7162085bc142f037fabab8a.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  padding: 0 1.5rem;
  padding-bottom: 4rem;
}

/* line 18, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top .title-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 2rem 0;
  width: 100%;
  max-width: 1050px;
  text-align: center;
}

/* line 27, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top .sub-title {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
}

/* line 32, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top .title {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* line 38, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top-text {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 300;
}

/* line 43, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-youtube-box {
  padding: 0;
}

/* line 46, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .line-login-button {
  width: calc(100% - 3.6rem);
  max-width: 280px;
  margin: 1.1rem auto 3rem;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  border-radius: 6px;
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 66, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top {
    background-image: url(/assets/final-stage/final_stage_top_bg-0d98401e4b25c4128ab8099019ff8de24eb8513dcd656fdb40e9622576c8a186.png);
    padding-bottom: 6rem;
  }
  /* line 69, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top .title-wrapper {
    padding: 4rem 0 2.5rem;
  }
  /* line 72, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top .sub-title {
    font-size: 1.4rem;
  }
  /* line 75, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top .title {
    font-size: 3.5rem;
  }
  /* line 79, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top-text {
    font-size: 1.7rem;
  }
  /* line 82, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .line-login-button {
    max-width: 300px;
    height: 50px;
  }
}

@media (min-width: 1024px) {
  /* line 94, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top {
    background-image: url(/assets/final-stage/final_stage_top_bg-0d98401e4b25c4128ab8099019ff8de24eb8513dcd656fdb40e9622576c8a186.png);
    padding-bottom: 8rem;
  }
  /* line 97, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top .title-wrapper {
    padding: 6rem 0 3rem;
  }
  /* line 100, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top .sub-title {
    font-size: 1.6rem;
  }
  /* line 103, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top .title {
    font-size: 4.2rem;
  }
  /* line 107, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-top-text {
    font-size: 2rem;
  }
  /* line 110, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .line-login-button {
    max-width: 300px;
    height: 50px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_vote-stage.scss */
.js-vote-stage-preopen,
.js-vote-stage-open,
.js-vote-stage-close {
  display: none;
  visibility: hidden;
  opacity: 0;
}

/* line 15, app/assets/stylesheets/object/project/_vote-stage.scss */
.js-vote-stage-preopen.is-show,
.js-vote-stage-open.is-show,
.js-vote-stage-close.is-show {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* line 22, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage {
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* line 28, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__line {
  border-bottom: 1px solid #DDDDDD;
}

/* line 31, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__sub-title {
  text-align: center;
  font-size: 2rem;
}

/* line 35, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-wrapper {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 0.7rem;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 47, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box {
  display: flex;
  align-items: baseline;
  justify-content: center;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

/* line 55, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--big {
  font-size: 5.8rem;
}

/* line 58, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--slash {
  font-size: 2.8rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-left: 0.6rem;
}

/* line 63, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--normal {
  font-size: 2.8rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-left: 0.6rem;
}

/* line 68, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--small {
  font-size: 1.6rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin-left: 0.6rem;
}

/* line 74, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__notification {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 1.5rem 3.5rem;
  font-size: 1.2rem;
  font-weight: 300;
  color: #333333;
  margin-top: 1rem;
  text-align: right;
}

/* line 84, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-wrap {
  display: flex;
  justify-content: center;
  gap: 1.3rem;
  align-items: flex-end;
  padding-top: 2.2rem;
  margin-right: 1rem;
  margin-left: 1rem;
}

/* line 93, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-input {
  font-weight: 600;
  width: 8.1rem;
  height: 3.4rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
}

/* line 101, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-text {
  display: flex;
  gap: 0.4rem;
  align-items: baseline;
  justify-content: center;
  font-weight: 700;
  color: #333333;
}

/* line 108, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-text--gradation {
  font-size: 1.8rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 115, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-text--normal {
  font-size: 1.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 120, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__vote-button {
  margin-top: 2rem;
}

/* line 123, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__vote-button-container {
  margin-top: 4rem;
  padding: 0 1.5rem;
}

/* line 127, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  cursor: pointer;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 6px;
  padding: 1rem;
}

/* line 140, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__submit:disabled {
  background: #cdcbc7;
  color: #ffffff;
}

/* line 145, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__warning {
  font-size: 1.2rem;
  font-weight: 300;
  color: #ff0033;
  margin-top: 0.8em;
  text-align: center;
}

/* line 152, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__promote-login {
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  color: #ff0033;
  margin-top: 2rem;
}

/* line 159, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__promote-login-label {
  font-size: 1.4rem;
  font-weight: 600;
}

/* line 164, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info {
  position: relative;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding-bottom: 1.5rem;
  max-width: 156px;
}

/* line 170, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--left {
  border-radius: 15px 0px 0px 15px;
}

/* line 173, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--right {
  border-radius: 0px 15px 15px 0px;
}

/* line 176, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info.disabled::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 9999;
}

/* line 188, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--winner-background {
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  color: #ffffff;
}

/* line 192, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--winner-background-none {
  background: #ffffff;
  color: #333333;
}

/* line 197, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img {
  position: relative;
}

/* line 199, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img img {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-height: 166px;
  object-fit: cover;
}

/* line 206, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--inner-box {
  display: flex;
  position: absolute;
  flex-direction: column;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 215, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--inner-box--center {
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 220, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 227, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point--first {
  color: #FE2323;
}

/* line 230, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point--second {
  color: #0073BF;
}

/* line 234, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point-text {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2rem;
  line-height: 1;
  color: transparent;
}

/* line 239, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point-text--first {
  -webkit-text-stroke: 1px #FE2323;
}

/* line 242, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point-text--second {
  -webkit-text-stroke: 1px #0073BF;
}

/* line 247, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-wrap {
  display: flex;
  justify-content: center;
  gap: 1.3rem;
  align-items: flex-end;
  padding: 2rem 0;
  margin-right: 1rem;
  margin-left: 1rem;
}

/* line 255, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-wrap--center {
  align-items: center;
  gap: 4.2rem;
}

@media (min-width: 1024px) {
  /* line 255, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-point-wrap--center {
    gap: 8.3rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 255, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-point-wrap--center {
    gap: 8.3rem;
  }
}

/* line 267, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-text {
  color: #333333;
  word-break: normal;
  white-space: nowrap;
  font-size: 2.4rem;
  min-width: 2.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 275, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-icon-wrap {
  display: block;
  text-align: center;
}

/* line 278, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-icon-wrap img {
  margin: 0 auto;
}

/* line 282, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box {
  display: flex;
  gap: 0.4rem;
  align-items: baseline;
  justify-content: center;
  color: #ff7301;
}

/* line 288, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box--big {
  font-size: 1.8rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* line 292, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box--normal {
  font-size: 1.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 296, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box--gray {
  color: #BDBDBD;
}

/* line 300, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item {
  width: 100%;
}

/* line 302, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__icon {
  display: flex;
  align-items: center;
}

/* line 306, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__title {
  font-size: 1.4rem;
  font-weight: 600;
}

/* line 310, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__time {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
}

/* line 313, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__time span {
  font-size: 1rem;
  font-weight: 300;
  font-family: "Hiragino Sans", sans-serif;
}

/* line 319, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

/* line 326, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__inner {
  margin-top: 4rem;
}

/* line 328, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item__inner--has-margin-bottom {
  margin-bottom: 4rem;
}

/* line 332, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item.is-open > .p-vote-stage-item-panel {
  display: block;
}

/* line 335, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item.is-open .p-vote-stage-item__arrow img {
  transform: rotate(180deg);
}

/* line 339, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-label {
  height: 50px;
  background: #000000;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  padding: 0 1.5rem 0 2rem;
}

/* line 346, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-label--apparel {
  border-left: 5px solid #8639f3;
}

/* line 349, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-label--merchandise {
  border-left: 5px solid #f69c0c;
}

/* line 352, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-label__left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
}

/* line 358, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-label__right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 364, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-panel {
  display: none;
}

/* line 367, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content {
  padding: 2rem 1.5rem 0;
}

/* line 369, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content--full-width {
  padding: 2rem 0 0;
}

/* line 372, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content__subtitle {
  font-size: 1rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
}

/* line 378, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content__title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-top: 0.1rem;
}

/* line 383, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content__title--extra {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 0;
}

/* line 388, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content__description-title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  margin-top: 2rem;
}

/* line 395, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-content__description {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.6;
  margin-top: 0.4rem;
}

/* line 402, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-screening-point {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  padding: 1.5rem;
  margin-top: 2rem;
  background: #f2f2f2;
  border-radius: 10px;
}

/* line 411, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-screening-point__content {
  flex: 1;
}

/* line 414, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-screening-point__title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.28;
}

/* line 419, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-screening-point__text {
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 0.5rem;
}

/* line 425, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-note {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

/* line 430, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-note__icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}

/* line 435, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-note__icon img {
  padding: 0.2rem;
}

/* line 439, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-note__text {
  font-size: 1.2rem;
  font-weight: 300;
}

/* line 442, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-item-note__text span {
  color: #ff0033;
}

/* line 447, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-list {
  margin: 4rem 0;
  padding: 0 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 454, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item {
  border-radius: 10px;
  padding: 0 1.5rem;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
}

/* line 458, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item:not(.p-vote-stage-battle-item--closed) .p-vote-stage-battle-arrow img {
  transform: rotate(180deg);
}

/* line 461, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__container {
  padding: 1.5rem;
}

/* line 464, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__title {
  font-size: 1.6rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 468, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__members {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 473, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__members--is-fade-out {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.7s ease-out, visibility 0.7s ease-out;
}

/* line 478, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__members--is_fad-in {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.7s ease-in, visibility 0.7s ease-in;
}

/* line 485, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__member--first img {
  border: 1px solid #FE2323;
}

/* line 488, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__member--second img {
  border: 1px solid #0073BF;
}

/* line 491, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__member img {
  border-radius: 50%;
}

/* line 495, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item__vs {
  font-size: 1.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* line 500, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item-label {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 506, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item-label__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 512, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-item-label__left {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* line 518, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-arrow {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 525, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-judge-status {
  display: flex;
}

/* line 527, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-judge-status__item {
  width: calc(100% / 3);
  height: 30px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.23;
  color: #cdcbc7;
}

/* line 538, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-judge-status__item.selected {
  background: #000000;
  color: #ffffff;
}

/* line 544, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-cards {
  display: flex;
  gap: 0.8rem;
  position: relative;
  margin-top: 2rem;
}

/* line 549, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-cards--mt0 {
  margin-top: 0;
}

/* line 553, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card {
  width: calc((100% - 0.8rem) / 2);
  border-radius: 8px;
  overflow: hidden;
  padding-bottom: 1rem;
}

/* line 558, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card--first {
  border: 1px solid #FE2323;
}

/* line 560, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card--first .p-vote-stage-battle-card__order {
  background: #FE2323;
}

/* line 563, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card--first.p-vote-stage-battle-card--winner {
  background: #FE2323;
  color: #ffffff;
}

/* line 568, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card--second {
  border: 1px solid #0073BF;
}

/* line 570, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card--second .p-vote-stage-battle-card__order {
  background: #0073BF;
}

/* line 573, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card--second.p-vote-stage-battle-card--winner {
  background: #0073BF;
  color: #ffffff;
}

/* line 578, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__order {
  height: 28px;
  background: #000000;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 588, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__image {
  position: relative;
}

/* line 590, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__image img {
  width: 100%;
  height: auto;
}

/* line 595, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label {
  position: absolute;
  bottom: 0.6rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-flow: column;
  white-space: nowrap;
  align-items: center;
  text-align: center;
  border-radius: 100px;
  padding: 0.3rem 1rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1.1;
  color: #ffffff;
  text-transform: uppercase;
}

/* line 612, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--hokkaido-tohoku {
  background-color: #9552ab;
}

/* line 615, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--tokyo {
  background-color: #0071bc;
}

/* line 618, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--kanto {
  background-color: #68bbe0;
}

/* line 621, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--chubu {
  background-color: #63ba2d;
}

/* line 624, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--kinki {
  background-color: #ffc500;
}

/* line 627, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--chugoku {
  background-color: #f7931e;
}

/* line 630, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--kyushu {
  background-color: #ff1d25;
}

/* line 633, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__label--u23 {
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
}

/* line 637, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__info-belongto, .p-vote-stage-battle-card__info-shop {
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
}

/* line 643, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__info-belongto {
  margin-top: 1rem;
}

/* line 646, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-card__info-name {
  margin-top: 0.5rem;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
}

/* line 653, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-vs-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 40px;
  height: 40px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
}

/* line 667, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-vs-text span {
  font-size: 1.8rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 675, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

/* line 678, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote--text-thin {
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  line-height: 1.6;
}

/* line 683, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__in-preparation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}

/* line 688, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__in-preparation span:first-child {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
}

/* line 693, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__in-preparation span:last-child {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6;
}

/* line 699, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__closed {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

/* line 702, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__closed--no-margin-bottom {
  margin-bottom: 0;
}

/* line 706, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__closed-title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

/* line 712, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__closed-message {
  max-width: 260px;
  width: 100%;
  margin: 2rem auto 3rem;
}

/* line 717, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__closed-message-title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
  background: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

/* line 726, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__closed-message-content {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}

/* line 733, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__voting-title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

/* line 739, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-battle-vote__container {
  margin-bottom: 5rem;
}

/* line 744, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-table--has-margin-bottom {
  margin-bottom: 4rem;
}

/* line 747, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-table__row {
  padding: 1.5rem;
}

/* line 751, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-refresh {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1100;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.6;
  background: #ffffff;
  color: #333333;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 776, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage {
    gap: 1rem;
  }
  /* line 778, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__point-wrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  /* line 782, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__notification {
    padding: 0;
    font-size: 1.2rem;
  }
  /* line 786, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__promote-login {
    font-size: 1.4rem;
  }
  /* line 790, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info {
    max-width: 153px;
  }
  /* line 794, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__title {
    font-size: 1.6rem;
  }
  /* line 797, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__time {
    font-size: 1.6rem;
  }
  /* line 799, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__time span {
    font-size: 1.2rem;
  }
  /* line 803, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__inner--has-margin-bottom {
    margin-bottom: 5rem;
  }
  /* line 807, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-label {
    height: 60px;
    border-radius: 10px;
  }
  /* line 810, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-label__right {
    gap: 1.5rem;
  }
  /* line 814, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content {
    padding: 2rem 3rem 0;
    max-width: 560px;
    margin: 0 auto;
  }
  /* line 818, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content--full-width {
    padding: 2rem 0 0;
  }
  /* line 821, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__subtitle {
    font-size: 1.2rem;
  }
  /* line 824, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__title {
    font-size: 2.5rem;
  }
  /* line 827, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__description-title {
    font-size: 1.8rem;
  }
  /* line 830, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__description {
    font-size: 1.6rem;
  }
  /* line 834, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-screening-point {
    padding: 2rem;
    gap: 2rem;
  }
  /* line 837, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-screening-point__title {
    font-size: 1.6rem;
  }
  /* line 840, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-screening-point__text {
    font-size: 1.6rem;
  }
  /* line 844, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-note {
    gap: 1.5rem;
    margin-top: 2rem;
  }
  /* line 847, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-note__text {
    font-size: 1.4rem;
  }
  /* line 851, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-list {
    gap: 2rem;
    max-width: 500px;
    margin: 4rem auto 5rem;
  }
  /* line 856, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item {
    padding: 0 2rem;
  }
  /* line 858, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__title {
    font-size: 1.8rem;
  }
  /* line 861, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__members {
    gap: 1rem;
  }
  /* line 865, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__member img {
    width: 40px;
    height: 40px;
  }
  /* line 869, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__member--first img {
    border: 1.3px solid #FE2323;
  }
  /* line 872, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__member--second img {
    border: 1.3px solid #0073BF;
  }
  /* line 876, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__vs {
    font-size: 1.4rem;
  }
  /* line 879, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__container {
    padding: 2rem;
  }
  /* line 884, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item-label__left {
    gap: 2rem;
  }
  /* line 889, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-judge-status__item {
    height: 40px;
    font-size: 1.5rem;
  }
  /* line 895, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__order {
    height: 36px;
    font-size: 1.5rem;
  }
  /* line 899, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__info-belongto, .p-vote-stage-battle-card__info-shop {
    font-size: 1.2rem;
  }
  /* line 903, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__info-name {
    font-size: 1.6rem;
  }
  /* line 906, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__label {
    bottom: 1rem;
    padding: 0.5rem 1.5rem;
    font-size: 1.2rem;
  }
  /* line 912, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-vs-text {
    width: 50px;
    height: 50px;
  }
  /* line 915, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-vs-text span {
    font-size: 2.2rem;
  }
  /* line 919, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote {
    margin-bottom: 2rem;
  }
  /* line 921, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote--text-thin {
    font-size: 1.4rem !important;
  }
  /* line 924, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-title {
    font-size: 1.8rem;
  }
  /* line 927, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-message {
    margin: 2rem auto 4rem;
    max-width: 320px;
  }
  /* line 931, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-message-title {
    font-size: 1.8rem;
  }
  /* line 934, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-message-content {
    font-size: 1.6rem;
  }
  /* line 939, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__in-preparation span:first-child {
    font-size: 1.6rem;
  }
  /* line 942, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__in-preparation span:last-child {
    font-size: 1.4rem;
  }
  /* line 947, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__voting-title {
    font-size: 1.6rem;
  }
  /* line 952, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__point-wrap {
    gap: 2rem;
    padding-top: 1.3rem;
  }
  /* line 956, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__submit {
    max-width: 400px;
    margin: 0 auto;
    height: 50px;
    font-size: 1.8rem;
  }
  /* line 962, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__warning {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  /* line 967, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-table {
    max-width: 500px;
    margin: 0 auto;
  }
  /* line 970, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-table--has-margin-bottom {
    margin-bottom: 5.5rem;
  }
  /* line 975, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info-img--point {
    font-size: 4.8rem;
    height: 4.8rem;
  }
  /* line 979, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info-img--point-text {
    font-size: 2.4rem;
  }
  /* line 983, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-refresh {
    right: 5rem;
  }
}

@media (min-width: 1024px) {
  /* line 992, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage {
    gap: 1rem;
  }
  /* line 994, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__point-wrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  /* line 998, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__sub-title {
    font-size: 2.2rem;
  }
  /* line 1001, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__notification {
    padding: 0;
    font-size: 1.4rem;
  }
  /* line 1005, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__promote-login {
    font-size: 1.4rem;
  }
  /* line 1009, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info {
    max-width: 153px;
  }
  /* line 1013, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__title {
    font-size: 1.6rem;
  }
  /* line 1016, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__time {
    font-size: 1.8rem;
  }
  /* line 1018, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__time span {
    font-size: 1.4rem;
  }
  /* line 1022, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item__inner--has-margin-bottom {
    margin-bottom: 5rem;
  }
  /* line 1026, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-label {
    height: 60px;
    border-radius: 10px;
  }
  /* line 1029, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-label__right {
    gap: 1.5rem;
  }
  /* line 1033, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content {
    padding: 4rem 7rem 0;
  }
  /* line 1035, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content--full-width {
    padding: 4rem 0 0;
  }
  /* line 1038, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__subtitle {
    font-size: 1.2rem;
  }
  /* line 1041, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__title {
    font-size: 3rem;
  }
  /* line 1044, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__description-title {
    font-size: 1.8rem;
  }
  /* line 1047, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-content__description {
    font-size: 1.6rem;
  }
  /* line 1051, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-screening-point {
    padding: 2rem;
    gap: 2rem;
  }
  /* line 1054, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-screening-point__title {
    font-size: 1.6rem;
  }
  /* line 1057, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-screening-point__text {
    font-size: 1.6rem;
  }
  /* line 1061, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-note {
    gap: 1.5rem;
    margin-top: 2rem;
  }
  /* line 1064, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-item-note__text {
    font-size: 1.4rem;
  }
  /* line 1068, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-list {
    gap: 2rem;
    max-width: 500px;
    margin: 4rem auto 5rem;
  }
  /* line 1073, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item {
    padding: 0 2rem;
  }
  /* line 1075, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__title {
    font-size: 1.8rem;
  }
  /* line 1078, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__members {
    gap: 1rem;
  }
  /* line 1082, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__member img {
    width: 40px;
    height: 40px;
  }
  /* line 1086, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__member--first img {
    border: 1.3px solid #FE2323;
  }
  /* line 1089, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__member--second img {
    border: 1.3px solid #0073BF;
  }
  /* line 1093, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__vs {
    font-size: 1.6rem;
  }
  /* line 1096, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item__container {
    padding: 2rem;
  }
  /* line 1100, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item-label {
    height: 60px;
    padding: 1rem 0;
  }
  /* line 1103, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-item-label__left {
    gap: 2rem;
  }
  /* line 1108, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-judge-status__item {
    height: 40px;
    font-size: 1.5rem;
  }
  /* line 1114, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__order {
    height: 36px;
    font-size: 1.5rem;
  }
  /* line 1118, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__info-belongto, .p-vote-stage-battle-card__info-shop {
    font-size: 1.2rem;
  }
  /* line 1122, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__info-name {
    font-size: 1.6rem;
  }
  /* line 1125, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-card__label {
    bottom: 1rem;
    padding: 0.5rem 1.5rem;
    font-size: 1.2rem;
  }
  /* line 1131, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-vs-text {
    width: 57px;
    height: 57px;
  }
  /* line 1134, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-vs-text span {
    font-size: 2.6rem;
  }
  /* line 1138, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote {
    margin-bottom: 2rem;
  }
  /* line 1140, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote--text-thin {
    font-size: 1.6rem !important;
  }
  /* line 1143, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-title {
    font-size: 1.8rem;
  }
  /* line 1146, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-message {
    margin: 2rem auto 4rem;
    max-width: 320px;
  }
  /* line 1150, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-message-title {
    font-size: 1.8rem;
  }
  /* line 1153, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__closed-message-content {
    font-size: 1.6rem;
  }
  /* line 1158, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__in-preparation span:first-child {
    font-size: 1.8rem;
  }
  /* line 1161, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__in-preparation span:last-child {
    font-size: 1.6rem;
  }
  /* line 1166, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-battle-vote__voting-title {
    font-size: 1.8rem;
  }
  /* line 1171, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__point-wrap {
    gap: 2rem;
    padding-top: 1.3rem;
  }
  /* line 1175, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__submit {
    max-width: 400px;
    margin: 0 auto;
    height: 50px;
    font-size: 1.8rem;
  }
  /* line 1181, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__warning {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  /* line 1186, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-table {
    max-width: 500px;
    margin: 0 auto;
  }
  /* line 1189, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-table--has-margin-bottom {
    margin-bottom: 7rem;
  }
  /* line 1194, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info-img--point {
    font-size: 5.6rem;
    height: 5.6rem;
  }
  /* line 1198, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info-img--point-text {
    font-size: 2.8rem;
  }
  /* line 1202, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-refresh {
    right: 9.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/project/_first_view.scss */
.background {
  padding-left: clamp(0px, 0px, 0px);
  padding-right: clamp(0px, 0px, 0px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url("https://soty-static.staff-start.com/2025/teaser/wave_pc.svg");
}

@media (max-width: 768px) {
  /* line 10, app/assets/stylesheets/object/project/_first_view.scss */
  .background {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  /* line 10, app/assets/stylesheets/object/project/_first_view.scss */
  .background {
    background-position: right 0 top 108px;
    background-image: url("https://soty-static.staff-start.com/2025/teaser/wave_sp.svg");
  }
}

@keyframes scroll-animation {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

/* line 57, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view {
  padding-left: clamp(20px, 7vw, 100px);
  padding-right: clamp(20px, 7vw, 44px);
}

@media (max-width: 768px) {
  /* line 57, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  /* line 57, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view {
    padding: 64px 0 0 0;
  }
}

/* line 64, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__container {
  position: relative;
  display: grid;
  padding-top: 70px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__container {
    padding: 12px 15px 45px 15px;
  }
}

/* line 75, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__logo {
  justify-self: start;
  max-width: 697px;
}

/* line 79, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__catch-copy {
  margin-top: 4.6rem;
}

@media (max-width: 767px) {
  /* line 79, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__catch-copy {
    margin-top: 2.1rem;
  }
}

/* line 86, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__supporters {
  background-color: #24bbf3;
  color: #ffffff;
  width: 500px;
  padding: 15px 30px;
  border-radius: 15px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  /* line 86, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__supporters {
    width: fit-content;
    padding: 8px 31px 6px 16px;
    border-radius: 10px;
  }
}

/* line 100, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__elapsed-date {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 4rem;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  /* line 100, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__elapsed-date {
    font-size: 2rem;
    margin-top: 0.5rem;
  }
}

/* line 110, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__second-schedule {
  border-radius: 12px;
  box-sizing: border-box;
  border: 3px solid #ff9378;
  color: #ff9378;
  background-color: #ffffff;
  padding: 3px 20px;
  width: fit-content;
}

@media (max-width: 767px) {
  /* line 110, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__second-schedule {
    border-radius: 10px;
    padding: 3px 15px;
    border: 2px solid #ff9378;
  }
}

/* line 125, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  font-size: 1.2rem;
  padding: 1rem 1.7rem 1rem 2.2rem;
  color: #ffffff;
  background-color: #333333;
  opacity: 0.5;
  border-radius: 30px;
  max-width: 250px;
  width: fit-content;
  cursor: pointer;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
}

/* line 141, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__search-button img {
  width: 20px;
  height: 20px;
  object-fit: none;
}

/* line 148, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 154, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__absolute-container {
  margin-top: 1.7rem;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__absolute-container {
    display: none;
  }
}

/* line 162, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__vote {
  display: flex;
  flex-direction: column;
  justify-self: start;
  align-items: flex-start;
  margin-top: 2.6rem;
}

@media (max-width: 767px) {
  /* line 162, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__vote {
    margin-top: 0.9rem;
  }
}

/* line 174, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__final-stage-card {
  margin-top: 3.9rem;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 12px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-self: start;
  padding: 16px 18px 16px 24px;
}

@media (max-width: 767px) {
  /* line 174, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__final-stage-card {
    margin-top: 1.5rem;
    border-radius: 10px;
    padding: 14px 15px 13px;
  }
}

/* line 193, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-catch-copy--bold {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 4.2rem;
}

@media (max-width: 767px) {
  /* line 193, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-catch-copy--bold {
    font-size: 2.8rem;
  }
}

/* line 201, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-catch-copy--small {
  font-weight: 700;
  font-size: 3rem;
}

@media (max-width: 767px) {
  /* line 201, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-catch-copy--small {
    font-size: 2rem;
  }
}

/* line 209, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-catch-copy--middle {
  font-weight: 700;
  font-size: 3.6rem;
}

@media (max-width: 767px) {
  /* line 209, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-catch-copy--middle {
    display: block;
    font-size: 2.4rem;
    line-height: 1;
  }
}

/* line 222, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-supporters__title {
  font-weight: 700;
  font-size: 2.2rem;
  margin: 0;
  display: flex;
  align-items: flex-start;
}

@media (max-width: 767px) {
  /* line 222, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-supporters__title {
    font-size: 1.2rem;
  }
}

/* line 233, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-supporters__title::before {
  content: "";
  background-image: url(/assets/supporters-icon-244e671da7b8ad4c24ebeefac8af600d30d1002b5138f890187b3ceac4410459.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 37.5px;
  height: 37.5px;
  margin-right: 7px;
}

@media (max-width: 767px) {
  /* line 233, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-supporters__title::before {
    width: 20px;
    height: 20px;
  }
}

/* line 248, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-supporters__count {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 6rem;
  margin: 0;
  font-stretch: expanded;
  margin-top: 3px;
}

@media (max-width: 767px) {
  /* line 248, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-supporters__count {
    font-size: 3rem;
    letter-spacing: 2px;
  }
}

/* line 264, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-second-schedule__title, .p-top-first-view-second-schedule__date {
  display: inline-block;
  margin: 0;
  font-size: 3rem;
}

@media (max-width: 767px) {
  /* line 264, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__title, .p-top-first-view-second-schedule__date {
    font-size: 2rem;
  }
}

/* line 274, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-second-schedule__title {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* line 277, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-second-schedule__date {
  margin-left: 22px;
  white-space: nowrap;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 767px) {
  /* line 277, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__date {
    margin-left: 10px;
  }
}

@media (max-width: 340px) {
  /* line 277, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__date {
    margin-left: 0;
    display: block;
  }
}

/* line 290, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-second-schedule__date span {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  margin-left: -7px;
  margin-right: -7px;
}

@media (max-width: 767px) {
  /* line 290, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__date span {
    font-size: 1.2rem;
  }
}

/* line 306, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__relative-container {
  position: relative;
  height: 100%;
  width: 100%;
}

/* line 312, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__scroll-down {
  padding: 22px 8px 22px 13px;
}

/* line 315, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__scroll-down:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #bc975f;
  opacity: 0.2;
}

/* line 325, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__scroll-down:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #bc975f;
  animation: scroll-animation 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

/* line 336, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__scroll-down img {
  display: block;
  height: 97px;
}

/* line 344, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__title {
  color: #333333;
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
}

/* line 352, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__title--small {
  color: #333333;
  font-size: 1.4rem;
  line-height: 2.1;
}

@media (max-width: 767px) {
  /* line 352, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__title--small {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 344, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__title {
    font-size: 1.4rem;
  }
}

/* line 366, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__movie {
  width: 380px;
  height: 0;
  margin-top: 0.6rem;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

/* line 374, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 366, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__movie {
    width: 270px;
    margin-top: 0.6rem;
  }
}

/* line 389, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__link {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0.25rem 0;
  gap: 0.8rem;
  color: #333333;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
}

/* line 401, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__link ::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #333333;
}

/* line 412, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__link--arrow {
  width: 14px;
  height: 8.4px;
  object-fit: contain;
}

@media (max-width: 767px) {
  /* line 412, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__link--arrow {
    width: 10px;
    height: 6px;
  }
}

@media (max-width: 767px) {
  /* line 389, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__link {
    padding: 0.7rem 0.3rem 0.3rem;
  }
  /* line 424, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__link::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    border-radius: 5px;
    background: #333333;
  }
}

/* line 436, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-vote__text {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.8rem;
  color: #333333;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  /* line 436, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-vote__text {
    padding-top: 0.5rem;
    font-size: 1.2rem;
  }
}

/* line 454, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.9rem;
}

@media (max-width: 767px) {
  /* line 454, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__wrapper {
    gap: 1.5rem;
  }
}

/* line 465, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 26.7rem;
}

@media (max-width: 767px) {
  /* line 465, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info {
    width: 22.7rem;
  }
}

/* line 475, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--title {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
  letter-spacing: 2.4px;
  color: #bc975f;
}

@media (max-width: 767px) {
  /* line 475, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--title {
    font-size: 1.2rem;
    letter-spacing: 2px;
  }
}

/* line 487, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--date {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.1rem;
  margin-top: 1rem;
}

@media (max-width: 767px) {
  /* line 487, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--date {
    font-size: 1.8rem;
    margin-top: 0.5rem;
  }
}

/* line 497, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--date-sub {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  /* line 497, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--date-sub {
    font-size: 1.2rem;
  }
}

/* line 505, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--place {
  padding-top: 0.15rem;
  font-family: "Hiragino Sans", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
}

@media (max-width: 767px) {
  /* line 505, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--place {
    padding-top: 0.2rem;
    font-size: 1.7rem;
    line-height: 1.17;
  }
}

/* line 518, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--place-sub {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.43;
}

@media (max-width: 767px) {
  /* line 518, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--place-sub {
    font-size: 1.4rem;
    line-height: 1.42;
  }
}

/* line 529, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--time {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  /* line 529, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--time {
    font-size: 1.2rem;
  }
}

/* line 537, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__info--time span {
  font-size: 2.1rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 537, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--time span {
    font-size: 1.8rem;
  }
}

/* line 548, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__image img {
  width: 87px;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
}

@media (max-width: 767px) {
  /* line 548, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__image img {
    width: 73px;
  }
}

/* line 559, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 1.8rem 0 0 0.5rem;
  gap: 1.2rem;
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.7rem;
}

@media (max-width: 767px) {
  /* line 559, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__bottom {
    margin-top: 1.4rem;
    gap: 0.8rem;
    font-size: 1.4rem;
  }
}

/* line 575, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom--center {
  justify-content: center;
  margin-left: 0;
}

/* line 579, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom--sold-out {
  color: #ff0000;
}

/* line 582, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom--add-sales {
  color: #00e6ff;
}

/* line 589, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-button {
  padding: 0.6rem;
  max-width: 230px;
  height: auto;
  width: 100%;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  border: 1px solid #333333;
  display: block;
  text-align: center;
  background: #ffffff;
  color: #333333;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 999px;
}

@media (max-width: 767px) {
  /* line 589, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-button {
    padding: 0.5rem;
    max-width: 196px;
    font-size: 1.2rem;
  }
}

/* line 612, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-button:hover {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

/* line 618, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-button--disabled {
  color: #afafaf;
  pointer-events: none;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty {
  padding-top: 10rem;
  padding-bottom: 10rem;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(10px);
  font-family: "futura-pt", sans-serif;
  color: #ffffff;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty {
    padding-top: 3.2rem;
    padding-bottom: 4.8rem;
  }
}

/* line 22, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--sub-title {
  font-family: "avenir-next-lt-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 1rem;
  letter-spacing: 1.1px;
}

@media (max-width: 767px) {
  /* line 22, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--sub-title {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
  }
}

/* line 35, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--title {
  text-align: center;
  margin-bottom: 6.5rem;
  height: 4rem;
}

@media (max-width: 767px) {
  /* line 35, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--title {
    margin-bottom: 2.5rem;
  }
}

/* line 44, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--title img {
  height: 100%;
  object-fit: cover;
  width: auto;
}

@media (max-width: 767px) {
  /* line 44, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--title img {
    height: 2.8rem;
  }
}

/* line 54, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--text {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 1.8rem;
  text-align: center;
  margin-top: 3rem;
  line-height: 2;
}

@media (max-width: 767px) {
  /* line 54, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--text {
    font-size: 1.4rem;
  }
}

/* line 66, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5rem;
}

@media (max-width: 767px) {
  /* line 66, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--container {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 78, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--video {
  width: 50%;
  border-radius: 13px;
}

@media (max-width: 767px) {
  /* line 78, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--video {
    width: 100%;
    border-radius: 20px;
  }
}

/* line 88, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--prize {
  width: 50%;
}

@media (max-width: 767px) {
  /* line 88, app/assets/stylesheets/object/project/_top-about-soty.scss */
  .p-top-about-soty--prize {
    width: 100%;
  }
}

/* line 95, app/assets/stylesheets/object/project/_top-about-soty.scss */
.p-top-about-soty--prize img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_news.scss */
.p-news {
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__list {
  margin: 3rem auto 0;
  -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

/* line 19, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__inner {
  max-width: 1050px;
  margin: 0 auto;
}

/* line 24, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__item {
  width: 74.93vw;
  height: 100%;
  overflow: hidden;
  margin-right: 2rem;
}

/* line 29, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__item:last-of-type {
  margin-right: inherit;
}

/* line 32, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__item img {
  width: 100%;
}

/* line 37, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__btn {
  margin: 0 auto;
}

/* line 42, app/assets/stylesheets/object/project/_news.scss */
.p-news-top {
  padding-top: 1rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  /* line 42, app/assets/stylesheets/object/project/_news.scss */
  .p-news-top {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
}

/* line 51, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice {
  width: 100%;
  max-width: 1020px;
  margin-top: 2rem;
}

/* line 55, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice .p-news-notice__inner {
  color: #ffffff;
  padding: 2rem;
}

/* line 59, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice .p-news-notice__wrapper {
  position: relative;
  padding: 0.1rem;
  width: 100%;
  background: white;
  border-radius: 0.3rem;
}

/* line 66, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice .p-news-notice__bg {
  padding: 1rem;
  background: linear-gradient(45deg, #333333 0%, #464646 100%);
  position: relative;
  border-radius: 0.3rem;
}

/* line 71, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice .p-news-notice__bg::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0.15;
  background: linear-gradient(135deg, #e4a972 0%, #9941d8 100%);
}

/* line 84, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice .p-news-notice__text {
  position: relative;
  z-index: 1;
  font-size: 1.4rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 98, app/assets/stylesheets/object/project/_news.scss */
  .p-news .p-news__inner {
    width: 90%;
  }
}

@media (min-width: 1024px) {
  /* line 112, app/assets/stylesheets/object/project/_news.scss */
  .p-news .p-news__item {
    max-width: 27rem;
    margin-right: 4rem;
  }
  /* line 117, app/assets/stylesheets/object/project/_news.scss */
  .p-news-notice {
    margin-top: 3rem;
  }
  /* line 119, app/assets/stylesheets/object/project/_news.scss */
  .p-news-notice .p-news-notice__bg {
    padding: 1.5rem;
  }
  /* line 122, app/assets/stylesheets/object/project/_news.scss */
  .p-news-notice .p-news-notice__text {
    font-size: 1.6rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/project/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/project/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/project/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/project/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/project/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result {
  padding-top: 6.3rem;
  padding-bottom: 9.7rem;
  background-image: url(/assets/bg_top_result-d6939e6a72bdb132dfb11a9c1c92c4cdb0fbdb7bdba81546370982830961ed2b.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}

@media (max-width: 767px) {
  /* line 9, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result {
    padding-top: 4.2rem;
    padding-bottom: 3.3rem;
    background-image: url(/assets/bg_top_result_sp-447ad23a659ef835a44d11765ffe933f5038125d8a43956e3da040ca0d9bb48a.webp);
  }
}

/* line 24, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result__logo {
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 24, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result__logo {
    height: 2rem;
    max-width: 223px;
    margin: 0 auto;
  }
  /* line 33, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result__logo img {
    width: 100%;
    height: auto;
  }
}

/* line 42, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel__title {
  display: flex;
  justify-self: center;
  margin-top: 2.3rem;
  height: auto;
}

@media (max-width: 767px) {
  /* line 42, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel__title {
    max-width: 315px;
    margin: 1.6rem auto 0;
  }
}

/* line 52, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 3.7rem;
  column-gap: 8rem;
}

@media (max-width: 767px) {
  /* line 52, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel__box {
    row-gap: 3rem;
    column-gap: 4rem;
    max-width: 330px;
    margin: 0 auto;
  }
}

/* line 68, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.3rem;
}

@media (max-width: 767px) {
  /* line 68, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix {
    gap: 1.5rem;
  }
  /* line 77, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__title-image {
    max-width: 178px;
    margin-right: auto;
    display: block;
  }
}

/* line 84, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__image-container {
  width: 240px;
  height: 240px;
  position: relative;
}

@media (max-width: 767px) {
  /* line 84, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__image-container {
    width: 130px;
    height: 130px;
    flex-shrink: 0;
  }
}

/* line 93, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__image-container::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/assets/staff_grand-prix-5210a71ff145ed76040b2d3e0b4493c3f7ddfcd4d097a864568b35bb5266b57b.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 106, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__image-container .p-top-result-apparel-item__image {
  max-width: 204px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  /* line 106, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__image-container .p-top-result-apparel-item__image {
    max-width: 110px;
    height: auto;
  }
}

/* line 120, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__title::before {
  background: #CDA65F;
}

/* line 123, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__title::after {
  background: #CDA65F;
}

/* line 127, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__name {
  font-size: 3.5rem;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 127, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__name {
    font-size: 2rem;
  }
}

/* line 134, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__brand {
  font-size: 1.4rem;
  text-align: left;
  margin-top: 0.1rem;
}

@media (max-width: 767px) {
  /* line 134, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__brand {
    font-size: 1.2rem;
  }
}

/* line 142, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__place {
  font-size: 1.4rem;
  text-align: left;
}

@media (max-width: 767px) {
  /* line 142, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--grand-prix .p-top-result-apparel-item__place {
    font-size: 1.2rem;
  }
}

/* line 151, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize, .p-top-result-apparel-item--third-prize, .p-top-result-apparel-item--fourth-prize {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 200px;
  height: 100%;
}

/* line 160, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize .p-top-result-apparel-item__image-container, .p-top-result-apparel-item--third-prize .p-top-result-apparel-item__image-container, .p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__image-container {
  width: 200px;
  height: 200px;
  position: relative;
}

/* line 164, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize .p-top-result-apparel-item__image-container::before, .p-top-result-apparel-item--third-prize .p-top-result-apparel-item__image-container::before, .p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__image-container::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 176, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize .p-top-result-apparel-item__image-container .p-top-result-apparel-item__image, .p-top-result-apparel-item--third-prize .p-top-result-apparel-item__image-container .p-top-result-apparel-item__image, .p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__image-container .p-top-result-apparel-item__image {
  max-width: 170px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 188, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize .p-top-result-apparel-item__image-container::before {
  background-image: url(/assets/staff_2nd-prize-a94f99ab4db191bc42b3c9847caf1bf991fb3b5358de8c26254e0387fb38b37f.svg);
}

/* line 192, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize .p-top-result-apparel-item__title::before {
  background: #BDBCBC;
}

/* line 195, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--second-prize .p-top-result-apparel-item__title::after {
  background: #BDBCBC;
}

@media (max-width: 767px) {
  /* line 187, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--second-prize {
    flex-direction: row;
    gap: 2rem;
    max-width: 330px;
    width: 100%;
  }
  /* line 204, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--second-prize .p-top-result-apparel-item__image-container {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
  }
  /* line 209, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--second-prize .p-top-result-apparel-item__image {
    max-width: 102px !important;
    height: auto;
  }
  /* line 213, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--second-prize .p-top-result-apparel-item__title-image {
    max-width: 149px;
    margin-right: auto;
    display: block;
  }
  /* line 218, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--second-prize .p-top-result-apparel-item__name {
    font-size: 2rem;
  }
}

/* line 225, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--third-prize .p-top-result-apparel-item__image-container::before {
  background-image: url(/assets/staff_3rd-prize-23f2466395f5136046a6bdc9adce8adee053fbf2ebabeed831ec88f6a3afb18b.svg);
}

/* line 229, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--third-prize .p-top-result-apparel-item__title::before {
  background: #CE7F60;
}

/* line 232, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--third-prize .p-top-result-apparel-item__title::after {
  background: #CE7F60;
}

@media (max-width: 767px) {
  /* line 224, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--third-prize {
    max-width: 140px;
    align-items: center;
  }
  /* line 239, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--third-prize .p-top-result-apparel-item__name {
    font-size: 1.8rem;
  }
  /* line 242, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--third-prize .p-top-result-apparel-item__image-container {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
  }
  /* line 247, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--third-prize .p-top-result-apparel-item__image {
    max-width: 102px !important;
    height: auto;
  }
}

/* line 255, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__image-container::before {
  background-image: url(/assets/staff_4th-prize-ace7afc1b150bf63d22fac28a5149533f61916bf9a5f790346b76cc650e5a086.svg);
}

/* line 259, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__title::before {
  background: #ffffff;
}

/* line 262, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__title::after {
  background: #ffffff;
}

@media (max-width: 767px) {
  /* line 254, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--fourth-prize {
    max-width: 140px;
    align-items: center;
  }
  /* line 269, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__name {
    font-size: 1.8rem;
  }
  /* line 272, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__image-container {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
  }
  /* line 277, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-apparel-item--fourth-prize .p-top-result-apparel-item__image {
    max-width: 102px !important;
    height: auto;
  }
}

/* line 284, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__title {
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
}

/* line 289, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__title::before {
  content: "";
  position: absolute;
  bottom: -0.7rem;
  left: 0;
  width: 100%;
  height: 1px;
}

/* line 297, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__title::after {
  content: "";
  position: absolute;
  bottom: -1.4rem;
  right: 0;
  width: 100%;
  height: 3px;
}

/* line 306, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__title-image {
  width: 100%;
  height: auto;
}

/* line 310, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__name {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
}

/* line 315, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__brand {
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  margin-top: 0.3rem;
}

/* line 321, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__place {
  font-weight: 300;
  font-size: 1.2rem;
  text-align: center;
}

/* line 326, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-apparel-item__image {
  border-radius: 50%;
}

/* line 331, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise {
  margin-top: 8.3rem;
}

@media (max-width: 767px) {
  /* line 331, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise {
    margin-top: 4.2rem;
  }
}

/* line 336, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise__title {
  display: flex;
  justify-self: center;
  height: auto;
}

@media (max-width: 767px) {
  /* line 336, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise__title {
    max-width: 315px;
    margin: 3.8rem auto 0;
  }
}

/* line 346, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise__box {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  column-gap: 8rem;
  margin-top: -1.1rem;
}

@media (max-width: 767px) {
  /* line 346, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise__box {
    column-gap: 2.5rem;
    max-width: 325px;
    margin: -1.8rem auto 0;
  }
}

/* line 360, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

/* line 366, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__image-container {
  position: relative;
}

/* line 368, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__image-container::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 381, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__image {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

/* line 389, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__text {
  width: 100%;
}

/* line 392, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__title {
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
}

/* line 396, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__title::before {
  content: "";
  position: absolute;
  bottom: -0.7rem;
  left: 0;
  width: 100%;
  height: 1px;
}

/* line 404, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__title::after {
  content: "";
  position: absolute;
  bottom: -1.4rem;
  right: 0;
  width: 100%;
  height: 3px;
}

/* line 413, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__title-image {
  width: 100%;
  height: auto;
}

/* line 417, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__name {
  font-weight: 600;
  font-size: 2.5rem;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 417, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item__name {
    font-size: 1.8rem;
  }
}

/* line 425, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__brand {
  font-weight: 300;
  font-size: 1.2rem;
  text-align: center;
}

/* line 430, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item__place {
  font-weight: 300;
  font-size: 1.2rem;
  text-align: center;
}

@media (max-width: 767px) {
  /* line 436, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item--grand-prix {
    max-width: 160px;
    width: 100%;
  }
}

/* line 441, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__image-container {
  width: 240px;
  height: 240px;
}

@media (max-width: 767px) {
  /* line 441, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__image-container {
    width: 130px;
    height: 130px;
    flex-shrink: 0;
  }
}

/* line 449, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__image-container::before {
  background-image: url(/assets/staff_grand-prix-5210a71ff145ed76040b2d3e0b4493c3f7ddfcd4d097a864568b35bb5266b57b.svg);
}

/* line 453, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__image {
  max-width: 204px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 453, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__image {
    max-width: 110px;
    height: auto;
  }
}

/* line 461, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__text {
  max-width: 240px;
}

/* line 465, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__title::before {
  background: #CDA65F;
}

/* line 468, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--grand-prix .p-top-result-merchandise-item__title::after {
  background: #CDA65F;
}

@media (max-width: 767px) {
  /* line 474, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item--second-prize {
    max-width: 150px;
    width: 100%;
  }
}

/* line 479, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__image-container {
  width: 200px;
  height: 200px;
}

@media (max-width: 767px) {
  /* line 479, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__image-container {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
  }
}

/* line 487, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__image-container::before {
  background-image: url(/assets/staff_2nd-prize-a94f99ab4db191bc42b3c9847caf1bf991fb3b5358de8c26254e0387fb38b37f.svg);
}

/* line 491, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__image {
  max-width: 170px;
  width: 100%;
}

@media (max-width: 767px) {
  /* line 491, app/assets/stylesheets/object/project/_top-result.scss */
  .p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__image {
    max-width: 102px;
    height: auto;
  }
}

/* line 499, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__text {
  max-width: 240px;
}

/* line 503, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__title::before {
  background: #BDBCBC;
}

/* line 506, app/assets/stylesheets/object/project/_top-result.scss */
.p-top-result-merchandise-item--second-prize .p-top-result-merchandise-item__title::after {
  background: #BDBCBC;
}

/* line 13, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026 {
  background-color: #f0f0f0;
}

/* line 20, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view {
  background: #f0f0f0;
  padding: 126px 16px 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

@media (max-width: 1023px) {
  /* line 20, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view {
    padding-top: 64px;
  }
}

/* line 32, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__logo-wrapper {
  position: relative;
  width: 100%;
  max-width: 361px;
}

/* line 38, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__logo-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 44, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 121px;
  height: 29px;
}

/* line 52, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__badge-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__badge-text {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  line-height: 1;
}

/* line 71, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__period {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 77, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__period-date {
  line-height: 1.3;
}

/* line 81, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__period-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #333333;
}

/* line 88, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__period-kana {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

/* line 94, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__stage-label {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.7;
}

/* line 101, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__description {
  font-size: 15px;
  line-height: 1.7;
  color: #333333;
}

/* line 107, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__stage-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 32px;
  background: #ffffff;
  border: none;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  align-self: center;
  cursor: pointer;
}

/* line 125, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__stage-btn:hover {
  background: #666666;
  color: white;
  box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 133, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__advance {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}

/* line 141, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__advance-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 3px;
  background: #1acccc;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  white-space: nowrap;
}

/* line 156, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__advance-badge-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

/* line 162, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-first-view__advance-text {
  font-size: 17px;
  line-height: 28px;
  color: #333333;
}

/* line 172, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section {
  padding: 0 0 32px;
}

/* line 176, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 56px 16px 16px;
}

/* line 182, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__graphic {
  flex-shrink: 0;
}

/* line 186, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__graphic:not(img) {
  width: 28px;
  height: 47px;
  background: linear-gradient(45deg, white 0%, #1acccc 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 195, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__graphic[src] {
  width: 36px;
  height: 49px;
}

/* line 201, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__text {
  flex: 1;
}

/* line 205, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
  line-height: 1;
}

/* line 214, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__ja {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  line-height: 1.4;
  margin-top: .5em;
}

/* line 222, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title__date {
  font-size: 12px;
  color: #777777;
  text-align: right;
  white-space: nowrap;
}

/* line 230, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title-area {
  padding: 40px 16px 8px;
}

/* line 233, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title-area__en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #1acccc;
  line-height: 1;
  letter-spacing: 0.02em;
}

/* line 242, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-section-title-area__date {
  font-size: 12px;
  color: #777777;
  margin-top: 4px;
}

/* line 252, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-ranking {
  position: relative;
}

/* line 255, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-ranking__map {
  position: relative;
}

/* line 261, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-wrapper {
  --map-base-w: 343;
  position: relative;
  margin: 0 16px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 326 / 392;
}

/* line 273, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-wrapper .p-apparel2026-map-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--map-base-w) * 1px);
  transform-origin: top left;
  transform: scale(var(--map-scale, 1));
}

/* line 282, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-wrapper svg {
  display: block;
  width: 100%;
  height: auto;
}

/* line 289, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-map-title {
  position: absolute;
  top: 0;
  left: 0;
  margin: 8px 0 0 12px;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #1acccc;
  line-height: 1;
  letter-spacing: 0.02em;
  pointer-events: none;
  z-index: 1;
}

/* line 304, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-label {
  position: absolute;
  top: var(--pill-top);
  left: var(--pill-left);
  margin-top: var(--pill-my, 0px);
  margin-left: var(--pill-mx, 0px);
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
  overflow: visible;
  isolation: isolate;
}

/* line 321, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-label__body {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 2px;
  background: white;
  border-radius: 100px;
  padding: 6px 8px 6px 16px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

/* line 332, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-label__body span {
  font-size: 13px;
  font-weight: 600;
  color: #1acccc;
  line-height: 1.2;
}

/* line 339, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-label__body i {
  color: #1acccc;
  font-size: 9px;
  flex-shrink: 0;
}

/* line 347, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-map-connector {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 1023px) {
  /* line 357, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-map-label {
    top: var(--pill-top-sp, var(--pill-top));
    left: var(--pill-left-sp, var(--pill-left));
    margin-top: var(--pill-my-sp, var(--pill-my, 0px));
    margin-left: var(--pill-mx-sp, var(--pill-mx, 0px));
  }
}

/* line 368, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1200;
  background: #f0f0f0;
  flex-direction: column;
  overflow: hidden;
}

/* line 380, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal.is-active {
  display: flex;
}

/* line 384, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(245, 245, 245, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  flex-shrink: 0;
}

/* line 395, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__header-title {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

/* line 403, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__title {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 23px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
}

/* line 414, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__date {
  font-size: 14px;
  color: #333333;
  white-space: nowrap;
}

/* line 420, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__close {
  background: none;
  border: none;
  padding: 4px 4px 4px 12px;
  cursor: pointer;
  color: #333333;
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
}

/* line 431, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__tabs {
  display: flex;
  gap: 4px;
  padding: 10px 16px;
  overflow-x: auto;
  background: rgba(245, 245, 245, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  flex-shrink: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

/* line 443, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__tabs::-webkit-scrollbar {
  display: none;
}

/* line 448, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__tab {
  background: white;
  border: 1px solid #ddd;
  border-radius: 100px;
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  white-space: nowrap;
  flex-shrink: 0;
  cursor: pointer;
}

/* line 459, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__tab.is-active {
  background: #1acccc;
  border-color: #1acccc;
  color: white;
}

/* line 466, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0 32px;
  -webkit-overflow-scrolling: touch;
}

/* line 473, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__footer {
  display: none;
}

/* line 477, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__section {
  display: none;
}

/* line 480, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-modal__section.is-active {
  display: block;
}

/* line 486, app/assets/stylesheets/object/project/apparel2026.scss */
body.is-modal-open {
  overflow: hidden;
}

/* line 490, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-list {
  list-style: none;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

/* line 499, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  overflow: hidden;
}

/* line 505, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
}

/* line 512, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-card__header-title {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}

/* line 518, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-card__header-link {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #1acccc;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* line 531, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-card__staff {
  display: block;
  text-decoration: none;
}

/* line 540, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 545, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}

/* line 553, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* line 561, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__info {
  flex: 1;
  min-width: 0;
}

/* line 566, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__name {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.3;
}

/* line 573, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__brand {
  font-size: 13px;
  color: #333333;
  line-height: 1.4;
  margin-top: 2px;
}

/* line 580, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__shop {
  font-size: 11px;
  color: #777777;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 589, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__point {
  display: flex;
  align-items: baseline;
  gap: 1px;
  flex-shrink: 0;
}

/* line 596, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__point-value {
  font-size: 18px;
  font-weight: 600;
  color: #1acccc;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
}

/* line 603, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__point-unit {
  font-size: 14px;
  font-weight: 600;
  color: #1acccc;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
}

/* line 610, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__chevron {
  color: #1acccc;
  font-size: 14px;
  flex-shrink: 0;
}

/* line 615, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-row__chevron--dark {
  color: #333333;
}

/* line 624, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-staff-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
  text-decoration: none;
}

/* line 632, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 8px 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
  color: inherit;
  transform: translateY(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* line 645, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

/* line 650, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-card__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
  padding-left: 24px;
  position: relative;
}

/* line 660, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-card__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* line 668, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge {
  position: absolute;
  left: -5%;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3.5px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

@media (min-width: 1024px) {
  /* line 668, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-badge {
    left: calc(-5% + 8px);
  }
}

/* line 686, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge--gold {
  border: none;
  width: 32px;
  height: 32px;
  background: url(/assets/ranking_label_1st_frame-492c7683c3ef2e21fce7a74fd9e1a6db4560aa534ae17a3f8921129d31836dd4.svg) center/contain no-repeat, url(/assets/ranking_label_1st_bg-c2831e986351f10aebbb8b5d9492cd98a189f2ef8d013ea743b61f3be62f0909.svg) center/contain no-repeat;
}

/* line 694, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge--silver {
  border: none;
  width: 32px;
  height: 32px;
  background: url(/assets/ranking_label_2nd_frame-a8ad8b933b84822933a86b17824a8d616da43e9e37c7a6a5e4e08c0bd82ba752.svg) center/contain no-repeat;
}

/* line 700, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge--bronze {
  border: none;
  width: 32px;
  height: 32px;
  background: url(/assets/ranking_label_3rd_frame-e91c1312c53bd6fbf4b9d26b4830d74f8e245bbebae7e8fd3d0923824307c4a3.svg) center/contain no-repeat;
}

/* line 706, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge--default {
  border: none;
  width: 32px;
  height: 32px;
  background: url(/assets/ranking_label_default_frame-d819885346ed2f19e1f0e01b00e9834f1cc5676302bc84e280f8cd0a2df74455.svg) center/contain no-repeat;
}

/* line 713, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge__number {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-weight: 700;
  line-height: 1;
}

/* line 718, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge__number--gold {
  font-size: 22px;
  background: linear-gradient(168.67deg, #f8d88b 16.27%, #a17331 87.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 726, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge__number--silver {
  font-size: 22px;
  background: linear-gradient(168.67deg, #e5e5e5 16.27%, #7a7a7a 87.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 734, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge__number--bronze {
  font-size: 22px;
  background: linear-gradient(168.67deg, #f8ba8b 16.27%, #a14f31 87.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 742, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-badge__number--default {
  font-size: 20px;
  color: #878787;
  letter-spacing: -0.85px;
}

/* line 750, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  padding: 0 16px;
  margin-top: 8px;
  width: 100%;
}

/* line 759, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-note__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

/* line 766, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-note__text {
  font-size: 14px;
  color: #333333;
}

/* line 771, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-note__title {
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1.5;
}

/* line 777, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-note__list {
  padding-left: 20px;
  line-height: 1.7;
  font-weight: 300;
}

/* line 784, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-hidden {
  text-align: center;
  padding: 32px 16px;
  color: #777777;
  font-size: 14px;
}

/* line 792, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-publish {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background-color: #ffffff;
  border-radius: 12px;
  margin: 0 32px;
  padding: 24px;
  text-align: center;
  color: #333333;
}

@media (max-width: 1023px) {
  /* line 792, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-publish {
    margin: 0 16px;
  }
}

/* line 808, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-publish__lead {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 300;
}

/* line 814, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-publish__date {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
}

/* line 820, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-publish__date-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.1;
}

/* line 827, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-publish__date-wday {
  font-size: 14px;
  font-weight: 600;
}

/* line 832, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-publish__date-time {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.1;
  margin-left: 6px;
}

/* line 844, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel-outer {
  overflow: hidden;
}

/* line 848, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-pagination {
  display: none;
}

/* line 852, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel {
  padding: 0 40px 0 16px;
}

/* line 855, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel .slick-list {
  overflow: visible;
}

/* line 859, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel .slick-dots {
  bottom: -24px;
}

/* line 862, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 4px;
}

/* line 867, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
}

/* line 872, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel .slick-dots li button::before {
  font-size: 8px;
  line-height: 8px;
  width: 8px;
  height: 8px;
  color: #cccccc;
  opacity: 1;
}

/* line 882, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel .slick-dots li.slick-active button::before {
  color: #333333;
  opacity: 1;
}

/* line 890, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-carousel__slide {
  padding: 0 8px;
}

/* line 894, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 903, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 908, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-item__logo {
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 918, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-item__logo img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* line 925, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-brand-item__name {
  flex: 1;
  font-size: 17px;
  color: #333333;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 939, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background-color: #f0f0f0;
}

/* line 945, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-grid .p-apparel2026-coordinate-item:nth-child(n+7) {
  display: none;
}

/* line 950, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item {
  position: relative;
  height: 260px;
  overflow: hidden;
}

/* line 955, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__link {
  position: absolute;
  inset: 0;
  display: block;
  text-decoration: none;
}

/* line 962, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 969, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 81.73%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events: none;
}

/* line 976, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__info {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 986, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}

/* line 994, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* line 1002, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__text {
  flex: 1;
  min-width: 0;
}

/* line 1007, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__name {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1017, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__brand {
  font-size: 10px;
  color: #fff;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
}

/* line 1027, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__like {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  bottom: 6px;
  right: 8px;
  width: 39px;
  z-index: 1;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* line 1044, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__like-icon-off, .p-apparel2026-coordinate-item__like-icon-on {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 1052, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__like-icon-on {
  display: none;
}

/* line 1056, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__like.is-liked .p-apparel2026-coordinate-item__like-icon-off {
  display: none;
}

/* line 1060, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__like.is-liked .p-apparel2026-coordinate-item__like-icon-on {
  display: block;
}

/* line 1064, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-coordinate-item__like-count {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
}

/* line 1078, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-simple-staff-list {
  list-style: none;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 1085, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-simple-staff-list li {
  margin: 0;
}

/* line 1089, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-simple-staff-list__item--pc-only {
  display: none;
}

/* line 1094, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-simple-staff-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  transform: translateY(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* line 1105, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-simple-staff-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

/* line 1114, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer {
  background: #17202a;
}

/* line 1117, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__body {
  padding: 80px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 1124, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__logo-img {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

/* line 1132, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 1140, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__nav-row {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* line 1145, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__nav-row--divisions {
  gap: 24px;
}

/* line 1150, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__nav-link {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 15px;
  color: #f0f0f0;
  text-decoration: none;
  white-space: nowrap;
}

/* line 1157, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__nav-link--ja {
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: 300;
  font-size: 14px;
}

/* line 1164, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__sns {
  display: flex;
  align-items: center;
  gap: 24px;
}

/* line 1170, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__sns-label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #999;
  line-height: 1.5;
  white-space: nowrap;
}

/* line 1179, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__sns-icons {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* line 1185, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__sns-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 1197, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__sns-icon img {
  width: 20px;
  height: auto;
  display: block;
}

/* line 1204, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__companies {
  display: flex;
  gap: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
}

/* line 1211, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__company {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  min-width: 0;
}

/* line 1219, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__company-label {
  font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #999;
}

/* line 1226, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__company-link {
  display: block;
}

/* line 1230, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__company-img {
  display: block;
  height: 18px;
  width: auto;
  filter: brightness(0) invert(1);
}

/* line 1237, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-footer__copyright {
  background: #000;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #f0f0f0;
  letter-spacing: 1px;
  text-align: center;
  padding: 0 16px;
}

@media (min-width: 1024px) {
  /* line 1253, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer {
    margin-left: 216px;
  }
  /* line 1257, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__body {
    display: grid;
    grid-template-columns: 256px 1fr;
    grid-template-rows: auto auto auto;
    gap: 0 24px;
    padding: 80px 32px 40px;
    align-items: end;
  }
  /* line 1266, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__logo-wrap {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 40px;
  }
  /* line 1272, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__logo-img {
    margin-bottom: 0;
  }
  /* line 1276, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__nav {
    grid-column: 1;
    grid-row: 2;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  /* line 1284, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__sns {
    grid-column: 1;
    grid-row: 3;
  }
  /* line 1289, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__companies {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: end;
    border-top: none;
    padding-top: 0;
    justify-content: flex-end;
  }
  /* line 1298, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-footer__company {
    flex: unset;
  }
}

/* line 1306, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 44px;
  padding: 0 32px;
  background: #ffffff;
  border-radius: 100px;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
}

/* line 1322, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-button:hover {
  background: #666666;
  color: white;
  box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 1332, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

/* line 1339, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  transform: translateY(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* line 1352, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

/* line 1357, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card--pc-only {
  display: none;
}

/* line 1361, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}

/* line 1369, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 1376, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__info {
  flex: 1;
  min-width: 0;
}

/* line 1381, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__name {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.3;
}

/* line 1388, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__brand {
  font-size: 13px;
  color: #333333;
  margin-top: 2px;
}

/* line 1394, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__shop {
  font-size: 11px;
  color: #777777;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1402, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-all-staff-card__chevron {
  font-size: 15px;
  color: #333333;
  flex-shrink: 0;
}

/* line 1410, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-pc-wrapper {
  display: block;
}

/* line 1413, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-area-pc-wrapper .p-apparel2026-area-usecard {
  display: none;
}

@media (min-width: 1024px) {
  /* line 1423, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026 {
    flex: 1;
    min-width: 0;
    background: #f0f0f0;
  }
  /* line 1430, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-section {
    padding: 0 40px 48px;
  }
  /* line 1434, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-section-title {
    padding: 56px 0 16px;
  }
  /* line 1437, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-section-title__en {
    font-size: 40px;
  }
  /* line 1442, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-section-title-area {
    padding: 56px 40px 8px;
  }
  /* line 1447, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-button {
    height: 60px;
    padding: 0 40px;
    font-size: 17px;
  }
  /* line 1458, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-list--sp {
    display: none;
  }
  /* line 1465, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal {
    position: static;
    background: transparent;
    height: auto;
    width: auto;
    z-index: auto;
    overflow: visible;
  }
  /* line 1473, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal.is-active {
    display: flex;
  }
  /* line 1477, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__header {
    display: none;
  }
  /* line 1481, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__tabs {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 16px 40px;
  }
  /* line 1488, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__tab {
    height: 44px;
    min-width: 100px;
    font-size: 15px;
  }
  /* line 1494, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__body {
    overflow: visible;
    flex: none;
    padding: 0 40px 24px;
  }
  /* line 1500, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 8px 40px 48px;
  }
  /* line 1508, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 40px;
    background: #ffffff;
    border: none;
    border-radius: 100px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    font-size: 17px;
    font-weight: 600;
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }
  /* line 1525, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__more-btn:hover {
    background: #666666;
    color: white;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  /* line 1532, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__back-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    padding: 12px 24px;
    border-radius: 100px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    background: #ffffff;
  }
  /* line 1547, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__back-btn i {
    font-size: 12px;
    color: #1acccc;
  }
  /* line 1552, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__back-btn:hover {
    background: #666666;
    color: white;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  /* line 1557, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-modal__back-btn:hover i {
    color: white;
  }
  /* line 1564, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-pc-wrapper.is-hidden {
    display: none;
  }
  /* line 1571, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-pc-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    padding: 0 40px;
    align-items: start;
  }
  /* line 1578, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-pc-wrapper .p-apparel2026-area-usecard {
    display: flex;
  }
  /* line 1584, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-map-wrapper {
    --map-base-w: 450;
    margin: 0;
    background-color: #ffffff;
    border-radius: 12px;
    grid-column: 1;
    grid-row: 1 / 4;
    min-width: 0;
    overflow: hidden;
  }
  /* line 1597, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px 8px 16px 16px;
    display: flex;
    flex-direction: column;
  }
  /* line 1604, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
  }
  /* line 1611, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__area-label {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
  }
  /* line 1618, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__ranking-btn {
    display: flex;
    align-items: center;
    gap: 2px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1acccc;
    white-space: nowrap;
  }
  /* line 1631, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__ranking-btn i {
    font-size: 11px;
    color: #1acccc;
  }
  /* line 1637, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__body {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: inherit;
  }
  /* line 1645, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__avatar {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin: 0;
  }
  /* line 1653, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* line 1660, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__info {
    flex: 1;
    min-width: 0;
  }
  /* line 1665, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__name {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    line-height: 1.3;
  }
  /* line 1672, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__brand {
    font-size: 15px;
    color: #333333;
    margin-top: 2px;
  }
  /* line 1678, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__shop {
    font-size: 13px;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 1686, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__point {
    display: flex;
    align-items: baseline;
    gap: 1px;
    flex-shrink: 0;
  }
  /* line 1693, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__point-value {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #1acccc;
    line-height: 1;
  }
  /* line 1701, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__point-unit {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1acccc;
  }
  /* line 1708, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-usecard__chevron {
    font-size: 15px;
    color: #1acccc;
    flex-shrink: 0;
  }
  /* line 1718, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-staff-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    padding: 0;
  }
  /* line 1725, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-note {
    padding: 0;
    grid-column: 1 / -1;
  }
  /* line 1733, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-carousel-outer {
    padding: 0 40px;
  }
  /* line 1737, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-carousel {
    padding: 0;
  }
  /* line 1740, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-carousel .slick-list {
    overflow: hidden;
  }
  /* line 1745, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 24px auto 0;
  }
  /* line 1753, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-prev {
    order: 1;
  }
  /* line 1754, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-dots {
    order: 2;
  }
  /* line 1755, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-next {
    order: 3;
  }
  /* line 1757, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-prev,
.p-apparel2026-brand-pagination .slick-next {
    position: static !important;
    transform: none !important;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
  }
  /* line 1772, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-prev::before,
.p-apparel2026-brand-pagination .slick-next::before {
    display: none;
  }
  /* line 1776, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-prev svg,
.p-apparel2026-brand-pagination .slick-next svg {
    display: block;
    transition: opacity 0.15s;
  }
  /* line 1781, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-prev.slick-disabled,
.p-apparel2026-brand-pagination .slick-next.slick-disabled {
    opacity: 0.3;
    cursor: default;
  }
  /* line 1787, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-dots {
    position: static !important;
    bottom: auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* line 1798, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0;
  }
  /* line 1803, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    background: #dddddd;
    border-radius: 50%;
    border: none;
    display: block;
  }
  /* line 1812, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-dots li button::before {
    display: none;
  }
  /* line 1817, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-brand-pagination .slick-dots li.slick-active button {
    background: #333333;
  }
  /* line 1827, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-coordinate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 1830, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-coordinate-grid .p-apparel2026-coordinate-item:nth-child(n+7) {
    display: block;
  }
  /* line 1835, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-coordinate-item {
    height: auto;
    aspect-ratio: 246 / 325;
  }
  /* line 1839, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-coordinate-item__info {
    right: 52px;
  }
  /* line 1843, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-coordinate-item__avatar {
    width: 40px;
    height: 40px;
  }
  /* line 1848, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-coordinate-item__name {
    font-size: 14px;
  }
  /* line 1857, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-all-staff-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
    padding: 0;
  }
  /* line 1865, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-all-staff-card__avatar {
    width: 88px;
    height: 88px;
  }
  /* line 1870, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-all-staff-card__name {
    font-size: 18px;
    font-weight: 700;
  }
  /* line 1875, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-all-staff-card__brand {
    font-size: 15px;
  }
  /* line 1879, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-all-staff-card__shop {
    font-size: 13px;
  }
  /* line 1883, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-all-staff-card--pc-only {
    display: flex;
  }
  /* line 1888, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-simple-staff-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0;
  }
  /* line 1894, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-simple-staff-list__item--pc-only {
    display: block;
  }
}

/* line 1903, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

/* line 1912, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-cards {
  display: contents;
}

/* line 1916, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 1924, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map .p-apparel2026-map-wrapper {
  margin: 0;
  background: transparent;
  border-radius: 0;
}

/* line 1930, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map__head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid #ebebeb;
  text-decoration: none;
  color: inherit;
}

/* line 1940, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 1946, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map__text {
  flex: 1;
  min-width: 0;
}

/* line 1951, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map__title {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.4;
}

/* line 1958, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map__note {
  font-size: 14px;
  color: #777777;
  line-height: 1.4;
  margin-top: 2px;
}

/* line 1964, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-area-map__note strong {
  font-weight: 700;
}

/* line 1970, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 8px 16px 16px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.15s;
}

/* line 1982, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card:hover {
  opacity: 0.85;
}

/* line 1986, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card__icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 1;
}

/* line 1997, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card__body {
  flex: 1;
  min-width: 0;
}

/* line 2002, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  line-height: 1.3;
}

/* line 2009, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card__desc {
  font-size: 15px;
  color: #777777;
  margin-top: 2px;
}

/* line 2016, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card__desc-note {
  font-size: 15px;
  color: #777777;
  line-height: 1.4;
}

/* line 2022, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-link-card__chevron {
  font-size: 15px;
  color: #333333;
  flex-shrink: 0;
}

/* line 2032, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-placeholder {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 40px;
}

/* line 2039, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-placeholder__inner {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

/* line 2047, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-placeholder__label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #777777;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* line 2055, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-placeholder__title {
  font-size: 28px;
  font-weight: 700;
  color: #333333;
}

/* line 2061, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-placeholder__desc {
  font-size: 15px;
  color: #777777;
}

/* line 2066, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-placeholder__coming {
  font-size: 13px;
  color: #1acccc;
  font-weight: 600;
  margin-top: 8px;
  padding: 6px 16px;
  border: 1px solid #1acccc;
  border-radius: 100px;
}

@media (min-width: 1024px) {
  /* line 2081, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view {
    padding: 80px 40px 48px;
    align-items: center;
  }
  /* line 2085, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__logo-wrapper {
    max-width: 700px;
    width: 100%;
  }
  /* line 2090, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__badge {
    width: 182px;
    height: 44px;
  }
  /* line 2095, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__period {
    flex-direction: row;
    align-items: baseline;
    gap: 24px;
    max-width: 700px;
    width: 100%;
  }
  /* line 2103, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__period-num {
    font-size: 28px;
  }
  /* line 2107, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__period-kana {
    font-size: 17px;
  }
  /* line 2111, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__badge-text {
    font-size: 20px;
  }
  /* line 2115, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__stage-label {
    font-size: 20px;
  }
  /* line 2119, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__description {
    font-size: 17px;
    max-width: 700px;
    width: 100%;
  }
  /* line 2125, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-first-view__stage-btn {
    height: 60px;
    font-size: 17px;
    padding: 0 40px;
  }
  /* line 2133, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 8px 16px;
    padding: 0;
  }
  /* line 2142, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

/* line 2152, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-page {
  padding-bottom: 40px;
}

/* line 2155, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-page__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 16px 16px 0;
}

/* line 2164, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-tabs {
  display: flex;
  gap: 4px;
  padding: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  position: sticky;
  top: calc(40px + env(safe-area-inset-top));
  z-index: 1000;
  background: #f0f0f0;
}

/* line 2171, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-tabs::-webkit-scrollbar {
  display: none;
}

/* line 2180, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  background: #ffffff;
  border: 1px solid #dddddd;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

/* line 2196, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-tab.is-active {
  background: #1acccc;
  color: #ffffff;
  border-color: #1acccc;
}

/* line 2203, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-section-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0 16px;
  margin: 0 16px;
  border-bottom: 1px solid #aaaaaa;
}

/* line 2211, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-section-header__icon {
  flex-shrink: 0;
}

/* line 2215, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-section-header__body {
  flex: 1;
  min-width: 0;
}

/* line 2220, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-section-header__name {
  font-size: 20.5px;
  font-weight: 600;
  color: #333333;
  line-height: 1.3;
}

/* line 2227, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-section-header__desc {
  font-size: 14px;
  color: #777777;
  margin-top: 2px;
  line-height: 1.4;
}

/* line 2235, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-subtitle {
  font-size: 14px;
  color: #333333;
  padding: 12px 16px;
  line-height: 1.5;
}

/* line 2241, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-ranking-subtitle strong {
  font-weight: 700;
}

@media (min-width: 1024px) {
  /* line 2249, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-page__head {
    padding: 0 32px;
  }
  /* line 2252, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-page__head .p-apparel2026-section-title {
    padding: 40px 0 8px;
  }
  /* line 2258, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-tabs {
    padding: 8px 32px 12px;
    position: static;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  /* line 2267, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-area-map-title {
    font-size: 56px;
    margin: 12px 0 0 15px;
  }
  /* line 2272, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-section-header {
    padding: 16px 32px;
    margin: 0 20px 20px 20px;
  }
  /* line 2277, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-subtitle {
    padding: 12px 32px 16px;
  }
  /* line 2281, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-staff-list--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    padding: 0 32px;
  }
  /* line 2287, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-staff-list--grid .p-apparel2026-ranking-card {
    min-width: 0;
  }
  /* line 2294, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-page__bottom {
    padding: 24px 32px 0;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 2303, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-ranking-note {
    padding: 0;
    margin-top: 0;
  }
}

/* line 2312, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor-section {
  background: #f0f0f0;
  padding: 0 16px 60px;
}

@media (min-width: 1024px) {
  /* line 2312, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor-section {
    padding: 0 40px 60px;
  }
}

/* line 2322, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-yell-partners-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 56px;
}

/* line 2328, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-yell-partners-header__icons {
  display: flex;
  align-items: flex-start;
  padding-bottom: 12px;
}

/* line 2334, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-yell-partners-header__icon {
  display: block;
  width: 28px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 2344, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-yell-partners-header__en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  max-width: 269px;
}

@media (min-width: 1024px) {
  /* line 2344, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-yell-partners-header__en {
    font-size: 40px;
    max-width: none;
  }
}

/* line 2357, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-yell-partners-header__ja {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  margin-top: 4px;
}

@media (min-width: 1024px) {
  /* line 2357, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-yell-partners-header__ja {
    font-size: 15px;
  }
}

/* line 2369, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 56px 0 16px;
}

/* line 2375, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor-title__icon {
  width: 22px;
  height: 37px;
  flex-shrink: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

@media (min-width: 1024px) {
  /* line 2375, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor-title__icon {
    width: 36px;
    height: 64px;
  }
}

/* line 2389, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor-title__texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 2395, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor-title__en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
  line-height: 1;
}

@media (min-width: 1024px) {
  /* line 2395, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor-title__en {
    font-size: 40px;
  }
}

/* line 2406, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor-title__ja {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}

@media (min-width: 1024px) {
  /* line 2406, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor-title__ja {
    font-size: 15px;
  }
}

/* line 2416, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-title-sponsor-card {
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  width: 100%;
  max-width: 796px;
  min-height: 124px;
}

/* line 2428, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-title-sponsor-card a {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 2434, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-title-sponsor-card .p-2026-sponsor__logo-img {
  max-width: 165px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (min-width: 1024px) {
  /* line 2434, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-title-sponsor-card .p-2026-sponsor__logo-img {
    max-width: 221px;
  }
}

/* line 2445, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__tiers {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (min-width: 1024px) {
  /* line 2445, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__tiers {
    padding-right: 40px;
  }
}

/* line 2456, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__tier {
  display: grid;
  gap: 11px;
  width: 100%;
}

/* line 2461, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__tier--L {
  grid-template-columns: repeat(2, minmax(0, 175px));
}

/* line 2462, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__tier--M {
  grid-template-columns: repeat(3, minmax(0, 113px));
}

/* line 2463, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__tier--S {
  grid-template-columns: repeat(4, minmax(0, 82px));
}

@media (min-width: 1024px) {
  /* line 2456, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__tier {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 2469, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__tier--L {
    gap: 11px 32px;
  }
  /* line 2470, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__tier--M {
    gap: 11px 24px;
  }
  /* line 2471, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__tier--S {
    gap: 11px 16px;
  }
}

/* line 2476, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__note {
  max-width: 796px;
  margin-top: -28px;
  text-align: right;
  font-size: 11px;
  color: #aaa;
}

@media (min-width: 1024px) {
  /* line 2488, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__tiers .p-2026-sponsor__tier {
    max-width: 796px;
  }
}

/* line 2494, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__card {
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1;
}

/* line 2503, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__card--L {
  padding: 32px;
}

/* line 2504, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__card--M {
  padding: 16px;
}

/* line 2505, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__card--S {
  padding: 8px;
}

/* line 2508, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__card a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  /* line 2494, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__card {
    aspect-ratio: unset;
    flex-shrink: 0;
  }
  /* line 2520, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__card--L {
    width: 175px;
    height: 175px;
  }
  /* line 2521, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__card--M {
    width: 113px;
    height: 113px;
  }
  /* line 2522, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-2026-sponsor__card--S {
    width: 82px;
    height: 82px;
  }
}

/* line 2526, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__logo-placeholder {
  width: 100%;
  height: 100%;
  background: #e8e8e8;
  border-radius: 4px;
}

/* line 2543, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__card:has(.p-2026-sponsor__logo-placeholder) {
  display: none;
}

/* line 2548, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__tiers .p-2026-sponsor__tier--L,
.p-2026-sponsor__tiers .p-2026-sponsor__tier--M {
  display: none;
}

/* line 2553, app/assets/stylesheets/object/project/apparel2026.scss */
.p-2026-sponsor__logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* line 2563, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal {
  position: fixed;
  inset: 0;
  z-index: 1300;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

@media (max-width: 1023px) {
  /* line 2563, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal {
    background: #f0f0f0;
    overflow-y: auto;
    transform: translateY(16px);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
}

@media (min-width: 1024px) {
  /* line 2563, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
    overflow-y: auto;
  }
}

/* line 2590, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 1023px) {
  /* line 2590, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal.is-open {
    transform: translateY(0);
  }
}

@media (max-width: 1023px) {
  /* line 2599, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal__panel {
    min-height: 100%;
  }
}

@media (min-width: 1024px) {
  /* line 2599, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal__panel {
    width: 450px;
    max-height: calc(100vh - 80px);
    background: #f0f0f0;
    border-radius: 12px;
    overflow-y: auto;
    flex-shrink: 0;
    margin-bottom: 40px;
  }
}

/* line 2615, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  padding: 0 16px;
  background: #f0f0f0;
}

@media (min-width: 1024px) {
  /* line 2615, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal__nav {
    border-radius: 12px 12px 0 0;
    background: #f0f0f0;
  }
}

/* line 2629, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__nav-title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}

/* line 2635, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__nav-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #555555;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
}

@media (min-width: 1024px) {
  /* line 2635, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal__nav-close {
    display: none;
  }
}

/* line 2653, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__pc-close {
  display: none;
}

@media (min-width: 1024px) {
  /* line 2653, app/assets/stylesheets/object/project/apparel2026.scss */
  .p-apparel2026-preliminary-modal__pc-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 40px;
    left: calc(50% + 225px + 16px);
    width: 44px;
    height: 44px;
    background: none;
    border: 1.5px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
  }
}

/* line 2672, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__body {
  padding: 20px 16px 48px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 2679, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__section-label {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 8px;
}

/* line 2687, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
}

/* line 2693, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__card--period {
  height: 54px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}

/* line 2700, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__card-divider {
  height: 1px;
  background: #eeeeee;
  margin: 12px 0;
}

/* line 2707, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

/* line 2715, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period-date {
  display: inline;
  line-height: 1;
}

/* line 2720, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #333333;
}

/* line 2727, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period-day {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}

/* line 2734, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period-badge {
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  gap: 1px;
  background: #1acccc;
  padding: 4px 5px 0;
  border-radius: 2px;
  height: 22px;
}

/* line 2745, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period-badge-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 17px;
  color: #333333;
  line-height: 1;
}

/* line 2753, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__period-badge-unit {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #333333;
  line-height: 1;
}

/* line 2762, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__criteria-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

/* line 2768, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__criteria-num {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #1acccc;
  font-size: 13px;
  font-weight: 700;
  margin-top: 1px;
}

/* line 2782, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__criteria-body {
  flex: 1;
}

/* line 2786, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__criteria-title {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 8px;
}

/* line 2793, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__criteria-row {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 4px;
}

/* line 2800, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__tag {
  flex-shrink: 0;
  border: 1px solid #bbbbbb;
  border-radius: 0;
  font-size: 11px;
  color: #555555;
  padding: 1px 5px;
  line-height: 1.6;
  white-space: nowrap;
}

/* line 2811, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__criteria-desc {
  font-size: 12px;
  color: #333333;
  line-height: 1.6;
}

/* line 2818, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__summary {
  font-size: 14px;
  color: #333333;
  text-align: center;
  line-height: 1.8;
  margin: 1.2em auto;
}

/* line 2826, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__summary-highlight {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  background: #1acccc;
  color: #333333;
  padding: 2px 6px;
  border-radius: 2px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

/* line 2840, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__badge-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #333333;
  line-height: 1;
}

/* line 2849, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__filter-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 2855, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__filter-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* line 2862, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__filter-label {
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
}

/* line 2870, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__filter-label-sub {
  font-size: 0.8em;
}

/* line 2874, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__filter-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  background: #1acccc;
  color: #333333;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 2px;
  white-space: nowrap;
}

/* line 2890, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

/* line 2896, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 2902, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-icon-img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

/* line 2909, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 2915, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-main {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 1.6;
}

/* line 2923, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-sub {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  line-height: 1.7;
}

/* line 2931, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-badge {
  display: inline-flex;
  align-items: baseline;
  background: #eec943;
  color: #202842;
  border-radius: 2px;
  padding: 2px 5px 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: baseline;
}

/* line 2945, app/assets/stylesheets/object/project/apparel2026.scss */
.p-apparel2026-preliminary-modal__note-badge-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #202842;
  line-height: 1;
}

/* line 10, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026 {
  background-color: #f0f0f0;
}

/* line 17, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view {
  position: sticky;
  top: 0;
  z-index: 0;
  overflow: hidden;
  min-height: 100dvh;
  min-height: calc(100dvh + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  overflow-anchor: none;
}

@media (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view {
    min-height: unset;
    padding-bottom: 0;
  }
}

/* line 32, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__bg {
  position: absolute;
  inset: 0;
  background: url(/assets/soty_sp_top_bg-5c95f5b74e74447291657e9ba260e6103ba40156f20dc45e74c7d5d35d09b0a6.svg) top center/100% auto no-repeat;
}

/* line 38, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__content {
  position: relative;
  z-index: 1;
  padding: 65px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 47, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__logo-wrap {
  display: flex;
  justify-content: flex-start;
}

/* line 51, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__logo-wrap--pc {
  display: none;
}

/* line 54, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__logo-img {
  max-width: 290px;
  height: auto;
}

/* line 59, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__logo-img--pc {
  display: none;
}

/* line 63, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__yell {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 68, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__yell--sp {
  display: flex;
}

/* line 72, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__support {
  display: none;
}

/* line 75, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__support--pc {
  display: none;
}

/* line 78, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__yell--sp {
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(12px) brightness(0.82) saturate(1.15);
  -webkit-backdrop-filter: blur(12px) brightness(0.82) saturate(1.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  padding: 12px 20px;
  margin: 16px 0;
}

/* line 90, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__yell-icon {
  display: block;
  flex-shrink: 0;
}

/* line 95, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__yell-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #bc975f;
}

/* line 104, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__yell-count {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #bc975f;
  line-height: 1;
}

/* line 112, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__divisions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  overflow-anchor: none;
}

/* line 121, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  text-decoration: none;
  color: inherit;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 135, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division:focus, .p-product2026-first-view__division:focus-visible, .p-product2026-first-view__division:active {
  outline: none;
  border: none;
  box-shadow: none;
}

/* line 144, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

/* line 151, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

/* line 156, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-name--apparel {
  color: #1acccc;
}

/* line 157, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-name--product {
  color: #d2bc00;
}

/* line 158, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-name--nextage {
  color: #ff51ab;
  font-size: 18px;
}

/* line 161, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-name-sub {
  font-size: 14px;
  margin-left: 6px;
}

/* line 166, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-desc {
  font-size: 14px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 174, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-chevron {
  font-size: 14px;
  flex-shrink: 0;
  margin-left: 12px;
}

/* line 179, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-chevron--apparel {
  color: #1acccc;
}

/* line 180, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-chevron--product {
  color: #d2bc00;
}

/* line 181, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__division-chevron--nextage {
  color: #ff51ab;
}

/* line 185, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__vote-btn {
  gap: 8px;
  background: #8c59ff;
  color: #ffffff;
}

/* line 190, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__vote-btn:hover {
  background: #7a48e6;
  color: #ffffff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);
}

/* line 197, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__vote-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* line 204, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__top, .p-product2026-first-view__bottom, .p-product2026-first-view__main {
  display: contents;
}

/* line 211, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__lead, .p-product2026-first-view__scroll {
  display: none;
}

/* line 219, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-first-view__final-stage.p-top2026-final-stage {
  display: none;
}

@media (max-width: 1023px) {
  /* line 231, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__content {
    gap: 15px;
    padding: 30px 16px 40px;
  }
  /* line 236, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__logo-wrap--sp {
    order: 1;
  }
  /* line 237, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__yell--sp {
    order: 2;
  }
  /* line 238, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__lead--pc {
    order: 4;
  }
  /* line 239, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__divisions {
    order: 5;
  }
  /* line 240, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__vote-btn {
    order: 6;
  }
  /* line 243, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__lead--pc {
    display: block;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
    color: #333333;
  }
  /* line 253, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__lead-text {
    background: #ffffff;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 2px 8px;
    border-radius: 4px;
  }
  /* line 262, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__logo-img {
    max-width: 230px;
  }
  /* line 267, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division-name {
    font-size: 15px;
  }
  /* line 270, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division-name--nextage {
    font-size: 15px;
  }
  /* line 273, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division-desc {
    font-size: 12px;
  }
}

@media (max-width: 1023px) {
  /* line 285, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section {
    position: relative;
    z-index: 1;
    background: rgba(245, 245, 245, 0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  /* line 294, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about,
.p-top2026-photo-slider,
.p-top2026-final-stage,
.p-top2026-sponsor,
.p-2026-sponsor-section {
    position: relative;
    z-index: 1;
  }
  /* line 305, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026 {
    display: flex;
    flex-direction: column;
  }
  /* line 310, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view {
    order: 1;
  }
  /* line 311, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage {
    order: 2;
  }
  /* line 312, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section {
    order: 3;
  }
  /* line 313, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about {
    order: 4;
  }
  /* line 314, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-photo-slider-standalone {
    order: 5;
  }
  /* line 315, app/assets/stylesheets/object/project/product2026.scss */
  .p-2026-sponsor-section {
    order: 6;
  }
}

/* line 324, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-news-section .p-apparel2026-section-title__graphic {
  background: linear-gradient(45deg, white 0%, #8c59ff 100%);
}

/* line 329, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 336, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 342, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-featured {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 347, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-featured__img-wrap {
  border-radius: 12px;
  overflow: hidden;
  height: 203px;
  width: 100%;
}

/* line 354, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-featured__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 361, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-featured__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

/* line 368, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-featured__title {
  font-size: 15px;
  color: #333333;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* line 378, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-featured__date {
  font-size: 13px;
  color: #777777;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  text-align: left;
}

/* line 386, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
  text-decoration: none;
  color: inherit;
}

/* line 394, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-item__img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
}

/* line 402, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-item__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}

/* line 410, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-item__title {
  font-size: 15px;
  color: #333333;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* line 420, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-news-item__date {
  font-size: 13px;
  color: #777777;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  text-align: left;
}

/* line 431, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page {
  background-color: #f0f0f0;
}

/* line 435, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view {
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, #f0f0f0 62%);
  padding: 126px 16px 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

@media (max-width: 1023px) {
  /* line 435, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view {
    padding-top: 64px;
  }
}

/* line 448, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__logo-wrapper {
  position: relative;
  width: 100%;
  max-width: 361px;
}

/* line 454, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__logo-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 460, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__logo-text {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}

/* line 466, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 121px;
  height: 29px;
}

/* line 474, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__badge-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* line 481, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__badge-text {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  line-height: 1;
}

/* line 493, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__period {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 499, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__period-date {
  line-height: 1.3;
}

/* line 503, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__period-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #333333;
}

/* line 510, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__period-kana {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

/* line 516, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__stage-label {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.7;
}

/* line 523, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__description {
  font-size: 15px;
  line-height: 1.7;
  color: #333333;
}

/* line 529, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__stage-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 32px;
  background: #ffffff;
  border: none;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  align-self: center;
  cursor: pointer;
}

/* line 547, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page-first-view__stage-btn:hover {
  background: #666666;
  color: white;
  box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 555, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-subtitle {
  font-size: 14px;
  color: #333333;
  padding: 4px 16px 0;
}

/* line 560, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-subtitle strong {
  font-weight: 700;
  color: #d2bc00;
}

/* line 566, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-notice {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  margin: 16px 16px 0;
  font-size: 13px;
  color: #777777;
  line-height: 1.6;
}

/* line 576, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-notice__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

/* line 583, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-notice__title {
  display: block;
  font-weight: 600;
  line-height: 1.6;
}

/* line 589, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-notice__list {
  list-style: disc;
  padding-left: 20px;
}

/* line 593, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-ranking-notice__list li {
  line-height: 1.7;
}

/* line 600, app/assets/stylesheets/object/project/product2026.scss */
.p-apparel2026-section-title__graphic--product:not(img) {
  background: linear-gradient(45deg, white 0%, #d2bc00 100%);
}

/* line 605, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page .p-apparel2026-staff-row__point-value,
.p-product2026-page .p-apparel2026-staff-row__point-unit {
  color: #d2bc00;
}

/* line 610, app/assets/stylesheets/object/project/product2026.scss */
.p-product2026-page .p-apparel2026-staff-row__chevron:not(.p-apparel2026-staff-row__chevron--dark) {
  color: #d2bc00;
}

/* line 618, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about {
  position: relative;
  overflow: hidden;
  background: #000000;
}

/* line 623, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__bg {
  position: absolute;
  inset: 0;
  background: url(/assets/soty2026_about_bg-8767c6be44f340eb9c2ad3171656331ea71ad42f3abfcc54402521db5cd6b1c1.webp) center top/cover no-repeat;
}

/* line 629, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 80%);
}

/* line 635, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__inner {
  position: relative;
  z-index: 1;
  padding: 60px 24px 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

/* line 645, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
}

/* line 653, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
}

/* line 663, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__header-logo {
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 500 / 58.7864;
}

/* line 670, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
}

/* line 678, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

/* line 685, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__desc {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 2;
}

/* line 692, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__right {
  width: 100%;
  max-width: 500px;
}

/* line 697, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__youtube {
  width: 100%;
  aspect-ratio: 16/9;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

/* line 705, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__youtube-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* line 719, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__slider-sp {
  display: none;
}

/* line 720, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-about__btn--sp {
  display: none;
}

@media (max-width: 1023px) {
  /* line 726, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__bg {
    bottom: auto;
    height: 150vw;
    background-image: url(/assets/soty2026_about_bg_sp-ef3251f74c38f640e9fa2f8b07facee61452707581710e23ff0f3019a7e53a60.webp);
  }
  /* line 733, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__overlay {
    bottom: auto;
    height: 150vw;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 75%);
  }
  /* line 741, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__inner {
    padding: 60px 0 48px;
  }
  /* line 746, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__header, .p-top2026-about__left, .p-top2026-about__right {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 756, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__body {
    display: contents;
  }
  /* line 758, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__header {
    order: 1;
  }
  /* line 759, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__left {
    order: 2;
  }
  /* line 760, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__slider-sp {
    order: 3;
    display: block;
    width: 100%;
    align-self: stretch;
  }
  /* line 761, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__right {
    order: 4;
  }
  /* line 762, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__btn--sp {
    order: 5;
    display: flex;
    margin: 0 auto;
  }
  /* line 763, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__btn--pc {
    display: none;
  }
  /* line 766, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__slider-sp .p-top2026-photo-slider {
    background: transparent;
  }
  /* line 774, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-photo-slider-standalone {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 783, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__slider-sp {
    display: none;
  }
  /* line 784, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__btn--sp {
    display: none;
  }
  /* line 785, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__btn--pc {
    display: flex;
  }
}

/* line 792, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider {
  background: #000000;
  padding: 40px 0 32px;
  overflow: hidden;
}

/* line 797, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__slide {
  padding: 0 8px;
}

/* line 801, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__img {
  display: block;
  width: 100%;
  aspect-ratio: 600 / 340;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}

/* line 810, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
}

/* line 819, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__dots li {
  width: auto;
  height: auto;
  margin: 0;
}

/* line 824, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__dots li button {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  outline: none;
}

/* line 837, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__dots li button::before {
  display: none;
}

/* line 842, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-photo-slider__dots li.slick-active button {
  background: #ffffff;
}

/* line 852, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor {
  background: #f0f0f0;
  padding-bottom: 60px;
}

/* line 856, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor .p-apparel2026-section-title__graphic {
  background: linear-gradient(45deg, white 0%, #8c59ff 100%);
}

/* line 860, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__tier {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
}

/* line 865, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__tier--L {
  gap: 11px 32px;
  margin-bottom: 40px;
}

/* line 866, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__tier--M {
  gap: 11px 24px;
  margin-bottom: 40px;
}

/* line 867, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__tier--S {
  gap: 11px 16px;
  margin-bottom: 0;
}

/* line 870, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__card {
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 878, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__card--L {
  width: 175px;
  height: 175px;
  padding: 32px;
}

/* line 879, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__card--M {
  width: 113px;
  height: 113px;
  padding: 16px;
}

/* line 880, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__card--S {
  width: 82px;
  height: 82px;
  padding: 8px;
}

/* line 883, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* line 890, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-sponsor__logo-placeholder {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  border-radius: 4px;
}

@media (max-width: 1023px) {
  /* line 901, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-sponsor__tier {
    display: grid;
    gap: 11px;
  }
  /* line 905, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-sponsor__tier--L {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 906, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-sponsor__tier--M {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 907, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-sponsor__tier--S {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 910, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-sponsor__card {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

/* line 922, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

/* line 931, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal[aria-hidden="true"] {
  display: none;
}

/* line 933, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* line 941, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1000px;
}

/* line 948, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__card {
  background: #f0f0f0;
  border-radius: 16px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* line 960, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__close {
  position: absolute;
  top: 0;
  right: -52px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  flex-shrink: 0;
  transition: background 0.2s;
}

/* line 978, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__close:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 981, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section {
  display: flex;
  gap: 20px;
  align-items: center;
}

/* line 987, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section-left {
  flex-shrink: 0;
  width: 160px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
}

/* line 996, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section-right {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 1004, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__logo {
  width: 100%;
  height: auto;
  display: block;
}

/* line 1010, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__badges {
  display: flex;
  flex-direction: row;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 1017, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__badge-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* line 1022, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__badge-item--apparel {
  width: 80px;
  height: 22px;
}

/* line 1023, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__badge-item--product {
  width: 63px;
  height: 22px;
}

/* line 1026, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__badge-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* line 1034, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__badge-text {
  position: relative;
  z-index: 1;
  font-size: 10px;
  font-weight: 600;
  color: #333333;
  width: 100%;
  text-align: center;
  padding-left: 4px;
}

/* line 1045, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__nextage-logo {
  width: 100%;
  max-width: 150px;
  height: auto;
  display: block;
}

/* line 1052, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline {
  position: relative;
  margin-bottom: 8px;
}

/* line 1057, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-months {
  position: relative;
  height: 20px;
}

/* line 1062, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-month-label {
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  top: 0;
  display: flex;
  align-items: baseline;
  gap: 1px;
  color: #444444;
}

/* line 1073, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-month-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 600;
}

/* line 1079, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-month-kanji {
  font-size: 10px;
  font-weight: 400;
}

/* line 1084, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-bar {
  position: relative;
  height: 4px;
  background: #dddddd;
  border-radius: 2px;
  margin-bottom: 4px;
}

/* line 1092, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-segment {
  position: absolute;
  height: 100%;
  border-radius: 2px;
}

/* line 1097, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-segment--prelim {
  background: linear-gradient(to right, #7c6cd4, #9c59e0);
}

/* line 1098, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-segment--semi {
  background: #e23e57;
}

/* line 1101, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-month-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #333333;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 3px #f0f0f0;
}

/* line 1112, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__timeline-final-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #bc975f;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 3px #f0f0f0;
}

/* line 1123, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__row {
  display: flex;
  gap: 8px;
}

/* line 1128, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage {
  flex: 1;
  background: #ffffff;
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}

/* line 1139, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 24px;
  top: -24px;
}

/* line 1147, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage--prelim::before {
  background: #7c6cd4;
}

/* line 1148, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage--semi::before {
  background: #e23e57;
}

/* line 1149, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage--final::before {
  background: #bc975f;
}

/* line 1154, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section--soty .p-schedule-modal__stage--prelim::before {
  left: 50%;
}

/* line 1155, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section--soty .p-schedule-modal__stage--semi::before {
  left: 60%;
}

/* line 1156, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section--soty .p-schedule-modal__stage--final::before {
  left: 87.5%;
}

/* line 1160, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section--nextage .p-schedule-modal__stage--prelim::before {
  left: 50%;
}

/* line 1161, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section--nextage .p-schedule-modal__stage--semi::before {
  left: 20%;
}

/* line 1162, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__section--nextage .p-schedule-modal__stage--final::before {
  left: 29.5%;
}

/* line 1165, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

/* line 1170, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage--prelim .p-schedule-modal__stage-name {
  color: #7c6cd4;
}

/* line 1171, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage--semi .p-schedule-modal__stage-name {
  color: #e23e57;
}

/* line 1172, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage--final .p-schedule-modal__stage-name {
  color: #bc975f;
}

/* line 1175, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-dates-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 1182, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-dates {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}

/* line 1188, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-days {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 5px;
  white-space: nowrap;
  color: #ffffff;
  flex-shrink: 0;
}

/* line 1197, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-days--soty {
  background: linear-gradient(to right, #1acccc, #8bc34a);
}

/* line 1198, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-days--nextage {
  background: #ff51ab;
}

/* line 1201, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-result {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #333;
}

/* line 1209, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__result-tag {
  border: 1px solid #333333;
  background: transparent;
  border-radius: 0;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.5;
}

/* line 1222, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__result-date {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
}

/* line 1228, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-result span:not(.p-schedule-modal__result-tag):not(.p-schedule-modal__result-date):not(.p-schedule-modal__date-num):not(.p-schedule-modal__date-dow) {
  font-weight: 600;
}

/* line 1232, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__stage-dates {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1px;
}

/* line 1239, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__date-num {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
}

/* line 1246, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__date-dow {
  font-size: 11px;
  font-weight: 600;
  color: #444444;
}

/* line 1252, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__date-sep {
  font-size: 12px;
  color: #555555;
  margin: 0 2px;
}

/* line 1258, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__row-divider {
  height: 1px;
  background: #cccccc;
  margin: 12px 0;
}

/* line 1264, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__note {
  font-size: 11px;
  color: #999;
  text-align: right;
  margin-top: 4px;
}

/* line 1273, app/assets/stylesheets/object/project/product2026.scss */
.p-schedule-modal__sp {
  display: none;
}

@media (max-width: 1023px) {
  /* line 1279, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__dialog {
    display: none;
  }
  /* line 1284, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal.p-schedule-modal {
    align-items: flex-end;
    padding: 0;
  }
  /* line 1290, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100vh;
    background: #f0f0f0;
    overflow: hidden;
  }
  /* line 1303, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 12px;
    flex-shrink: 0;
    background: #f0f0f0;
  }
  /* line 1312, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-header .p-schedule-modal__close {
    position: static;
    top: auto;
    right: auto;
    border: none;
    background: none;
    color: #555555;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    font-size: 16px;
    flex-shrink: 0;
    transition: color 0.2s;
  }
  /* line 1326, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-header .p-schedule-modal__close:hover {
    color: #333333;
    background: none;
  }
  /* line 1330, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-title {
    font-size: 15px;
    font-weight: 700;
    color: #333333;
  }
  /* line 1337, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-body {
    overflow-y: auto;
    padding: 8px 0 32px;
    -webkit-overflow-scrolling: touch;
  }
  /* line 1344, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec {
    background: f7f7f7;
    border-radius: 16px;
    margin-top: 1.2em;
    padding: 16px 16px 20px;
    padding-bottom: 35px;
    box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.05);
  }
  /* line 1354, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }
  /* line 1363, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec--soty .p-schedule-modal__sp-sec-head {
    display: block;
    position: relative;
    margin: 1em 0 2em 0;
  }
  /* line 1369, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-logo {
    width: 100%;
    height: auto;
    display: block;
  }
  /* line 1375, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-nextage-logo-wrap {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 4px;
  }
  /* line 1382, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-nextage-logo {
    width: 100%;
    height: auto;
    display: block;
  }
  /* line 1388, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-smaregi-logo {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    width: 26%;
    height: auto;
  }
  /* line 1397, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec--nextage {
    padding-bottom: 24px;
  }
  /* line 1401, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec--nextage .p-schedule-modal__sp-sec-head {
    justify-content: center;
  }
  /* line 1405, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-badges {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    gap: 6px;
    align-items: center;
  }
  /* line 1415, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-divider {
    height: 0;
    margin: 0;
  }
  /* line 1421, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl {
    display: flex;
    flex-direction: column;
  }
  /* line 1427, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-pre {
    width: 60px;
    display: flex;
    flex-direction: column;
  }
  /* line 1434, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-row {
    display: flex;
    gap: 12px;
    align-items: stretch;
    height: 80px;
  }
  /* line 1442, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-spacer {
    display: flex;
    gap: 12px;
    height: 80px;
  }
  /* line 1449, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-left {
    width: 60px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  /* line 1459, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-dot-row {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  /* line 1466, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-month {
    display: flex;
    align-items: baseline;
    gap: 1px;
    pointer-events: none;
  }
  /* line 1472, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-month .sp-mn {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #222222;
    line-height: 1;
  }
  /* line 1480, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-month .sp-mk {
    font-size: 11px;
    font-weight: 700;
    color: #222222;
    line-height: 1;
  }
  /* line 1489, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #333333;
    flex-shrink: 0;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 3px #f7f7f7;
  }
  /* line 1499, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-dot.sp-tl-dot--final {
    background: #bc975f;
  }
  /* line 1503, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line {
    width: 6px;
    flex: 1;
    margin-left: 4px;
    min-height: 8px;
    border-radius: 3px;
  }
  /* line 1511, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--pre {
    flex: none;
    height: 8px;
    min-height: unset;
    border-radius: 3px 3px 0 0;
  }
  /* line 1518, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--pre.sp-tl-line--gray {
    height: 16px;
  }
  /* line 1523, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--to-final {
    flex: none;
    height: 14px;
    min-height: unset;
    border-radius: 0;
  }
  /* line 1531, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--post {
    flex: none;
    height: 12px;
    min-height: unset;
    border-radius: 0 0 3px 3px;
  }
  /* line 1539, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--flex-3 {
    flex: 3;
  }
  /* line 1541, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--prelim {
    background: #8c59ff;
  }
  /* line 1542, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--semi {
    background: #dc3e41;
  }
  /* line 1543, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--final {
    background: #bc975f;
  }
  /* line 1544, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-tl-line.sp-tl-line--gray {
    background: #cccccc;
  }
  /* line 1548, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec--nextage .p-schedule-modal__sp-card.sp-card--semi {
    align-self: flex-start;
    margin-top: 40px;
  }
  /* line 1554, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec--soty .p-schedule-modal__sp-card.sp-card--semi {
    align-self: flex-start;
    margin-top: -25px;
  }
  /* line 1559, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sec--soty .p-schedule-modal__sp-card.sp-card--final {
    align-self: flex-start;
    margin-top: -50px;
  }
  /* line 1565, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-card {
    height: 115px;
    flex: 1;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 14px;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  /* line 1578, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sname {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
  }
  /* line 1583, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sname.sp-sname--prelim {
    color: #8c59ff;
  }
  /* line 1584, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sname.sp-sname--semi {
    color: #dc3e41;
  }
  /* line 1585, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-sname.sp-sname--final {
    color: #bc975f;
  }
  /* line 1589, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-drow {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-wrap: wrap;
  }
  /* line 1596, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-dates {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 1px;
  }
  /* line 1603, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-dnum {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    line-height: 1.2;
  }
  /* line 1611, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-dlabel {
    font-size: 12px;
    font-weight: 600;
    color: #444444;
  }
  /* line 1618, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-days {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 6px;
    border-radius: 4px;
    gap: 1px;
    flex-shrink: 0;
    align-self: flex-end;
    margin-bottom: 2px;
  }
  /* line 1629, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-days span:first-child {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
  }
  /* line 1636, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-days .sp-days-unit {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
  }
  /* line 1642, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-days.sp-days--soty {
    background: linear-gradient(-72deg, #d2bc00 1%, #1acccc 93%);
    color: #333333;
  }
  /* line 1647, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-days.sp-days--nextage {
    background: #ff51ab;
    color: #ffffff;
  }
  /* line 1654, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-result {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #333333;
  }
  /* line 1662, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-rtag {
    border: 1px solid #666666;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: 600;
    color: #333333;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.5;
  }
  /* line 1673, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-rdate {
    display: inline-flex;
    align-items: baseline;
    gap: 1px;
  }
  /* line 1680, app/assets/stylesheets/object/project/product2026.scss */
  .p-schedule-modal .p-schedule-modal__sp-note {
    font-size: 12px;
    color: #777777;
    text-align: right;
    margin-top: 44px;
  }
}

/* line 1692, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage {
  display: block;
  position: relative;
  overflow: hidden;
  background: #2a2a2a;
  padding: 60px 24px;
}

/* line 1699, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* line 1705, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 1712, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__deco {
  position: absolute;
  width: 400px;
  height: 406px;
  mix-blend-mode: hard-light;
  pointer-events: none;
}

/* line 1719, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__deco img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 1721, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__deco--tr {
  top: 0;
  right: -100px;
}

/* line 1722, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__deco--bl {
  bottom: 0;
  left: -180px;
}

/* line 1725, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__inner {
  position: relative;
  z-index: 1;
}

/* line 1730, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__period-svg {
  display: block;
  width: 238px;
  height: auto;
  margin-bottom: 24px;
}

/* line 1737, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 24px;
}

/* line 1744, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-year {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #bc975f;
  letter-spacing: 1px;
  display: block;
  align-self: flex-start;
}

/* line 1753, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-main {
  display: flex;
  align-items: center;
  gap: 0;
}

/* line 1759, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-month {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #bc975f;
  line-height: 1;
}

/* line 1767, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-sep {
  display: flex;
  align-items: center;
  margin: 0 4px;
}

/* line 1773, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-sep-img {
  display: block;
  width: 12px;
  height: auto;
}

/* line 1779, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-day {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 60px;
  font-weight: 700;
  color: #bc975f;
  line-height: 1;
  letter-spacing: -2px;
}

/* line 1788, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-dow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 10px;
  flex-shrink: 0;
}

/* line 1799, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-dow-circle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* line 1807, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__date-dow-text {
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 700;
  color: #3e3e3d;
  line-height: 1;
}

/* line 1816, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px 0;
}

/* line 1823, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__title {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #bc975f;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 4px;
}

/* line 1834, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__venue {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 15px;
  color: #bc975f;
  margin-bottom: 12px;
}

/* line 1841, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__subtitle {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 24px;
}

/* line 1847, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__subtitle-br {
  display: none;
}

@media (max-width: 1023px) {
  /* line 1850, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__subtitle-br {
    display: inline;
  }
}

/* line 1854, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px) brightness(0.82) saturate(1.15);
  -webkit-backdrop-filter: blur(12px) brightness(0.82) saturate(1.15);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 20px 24px;
  margin-bottom: 24px;
  text-align: center;
}

/* line 1867, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-label {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
}

/* line 1874, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px;
}

/* line 1882, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-line {
  flex: 1;
  height: 1px;
  max-width: 80px;
  display: block;
}

/* line 1889, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-title {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 27px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.54px;
  line-height: 1.5;
  white-space: nowrap;
}

/* line 1899, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-amount {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 2px;
}

/* line 1907, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-wreath {
  width: 26px;
  height: 60px;
  flex-shrink: 0;
  display: block;
}

/* line 1913, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-wreath--right {
  transform: scaleX(-1);
}

/* line 1916, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-number {
  display: flex;
  align-items: baseline;
  gap: 2px;
  background: linear-gradient(to bottom, #f8d88b 19%, #a17331 73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 1926, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-currency {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

/* line 1933, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-value {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
}

/* line 1941, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-more {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #bc975f;
  text-align: right;
  margin-bottom: 8px;
}

/* line 1949, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__prize-note {
  font-size: 11px;
  color: #aeaeae;
  line-height: 1.5;
}

/* line 1955, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__btn-wrap {
  display: flex;
  justify-content: center;
}

/* line 1960, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__btn {
  background: #ffffff;
  color: #333333;
  border: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

/* line 1966, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-final-stage__btn:hover {
  opacity: 0.85;
}

@media (max-width: 1023px) {
  /* line 1974, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__bg {
    background: url(/assets/2026_period_bg-c6d683def1eef2003e3628e7edf4d3a72fa4b37cf1f5b97abfae90ccd595c789.svg) center/cover no-repeat;
  }
  /* line 1978, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__bg-img,
.p-top2026-final-stage__deco {
    display: none;
  }
}

/* line 1985, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-pc-nav {
  display: none;
}

/* line 1990, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-pc-layout {
  display: block;
}

@media (min-width: 1024px) {
  /* line 2002, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-layout {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 216px;
  }
  /* line 2010, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav {
    width: 216px;
    flex-shrink: 0;
    background: #ffffff;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    display: grid;
    grid-template-rows: 1fr auto;
    overflow: hidden;
  }
  /* line 2023, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__inner {
    padding: 24px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
  }
  /* line 2032, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__logo {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  /* line 2043, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__logo a {
    display: contents;
  }
  /* line 2047, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__logo img {
    width: 108px;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
  }
  /* line 2058, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__divisions {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  /* line 2064, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 100px;
    border: 1px solid;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: background 0.15s ease, color 0.15s ease;
  }
  /* line 2078, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn--apparel {
    border-color: #1acccc;
    color: #1acccc;
  }
  /* line 2080, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn--apparel:hover, .p-top2026-pc-nav__div-btn--apparel.is-active {
    background: #1acccc;
    color: #ffffff;
  }
  /* line 2082, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn--product {
    border-color: #d2bc00;
    color: #d2bc00;
  }
  /* line 2084, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn--product:hover, .p-top2026-pc-nav__div-btn--product.is-active {
    background: #d2bc00;
    color: #ffffff;
  }
  /* line 2086, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn--nextage {
    border-color: #ff51ab;
    color: #ff51ab;
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 17px;
  }
  /* line 2090, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__div-btn--nextage:hover, .p-top2026-pc-nav__div-btn--nextage.is-active {
    background: #ff51ab;
    color: #ffffff;
  }
  /* line 2095, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__vote-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    border-radius: 100px;
    background: #8c59ff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  }
  /* line 2110, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__vote-btn:hover {
    background: #e7e3f3;
    color: #8c59ff;
    box-shadow: none;
  }
  /* line 2115, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__vote-btn:hover .p-top2026-pc-nav__vote-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238c59ff'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
  }
  /* line 2121, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__vote-icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    transition: background-image 0s;
  }
  /* line 2132, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__links {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  /* line 2138, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #333333;
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 4px 8px;
    margin: 0 -8px;
    border-radius: 8px;
    transition: background 0.15s ease;
  }
  /* line 2153, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__nav-link span {
    line-height: 1;
  }
  /* line 2157, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__nav-link:hover {
    background: #e7e3f3;
  }
  /* line 2163, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__nav-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 2171, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__nav-icon::before {
    content: '';
    display: block;
    width: 14px;
    height: 20px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
    clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
    mix-blend-mode: multiply;
  }
  /* line 2182, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__search-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
  }
  /* line 2189, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__question-icon {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }
  /* line 2197, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__follow {
    padding: 0 32px 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  /* line 2204, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__follow-label {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #777777;
    line-height: 1.5;
  }
  /* line 2212, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__sns {
    display: flex;
    gap: 16px;
    align-items: center;
  }
  /* line 2218, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__sns-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(51, 51, 51, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s ease;
  }
  /* line 2229, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__sns-icon:hover {
    background: #e7e3f3;
  }
  /* line 2234, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-pc-nav__sns-icon img {
    width: 20px;
    height: auto;
    display: block;
  }
  /* line 2243, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026,
.p-product2026-page {
    flex: 1;
    min-width: 0;
  }
  /* line 2250, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view {
    padding: 80px 40px 48px;
    align-items: center;
  }
  /* line 2254, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__logo-wrapper {
    max-width: 700px;
    width: 100%;
  }
  /* line 2259, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__badge {
    width: 182px;
    height: 44px;
  }
  /* line 2264, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__logo-img {
    width: 100%;
    max-width: 700px;
    height: auto;
  }
  /* line 2270, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__period {
    flex-direction: row;
    align-items: baseline;
    gap: 24px;
    max-width: 700px;
    width: 100%;
  }
  /* line 2278, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__period-num {
    font-size: 28px;
  }
  /* line 2282, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__period-kana {
    font-size: 17px;
  }
  /* line 2286, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__badge-text {
    font-size: 20px;
  }
  /* line 2290, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__stage-label {
    font-size: 20px;
  }
  /* line 2294, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__description {
    font-size: 17px;
    max-width: 700px;
    width: 100%;
  }
  /* line 2300, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page-first-view__stage-btn {
    align-self: auto;
    height: 60px;
    font-size: 17px;
    padding: 0 40px;
  }
  /* line 2309, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-ranking-subtitle {
    padding: 0 0 8px;
    font-size: 17px;
  }
  /* line 2315, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-ranking-notice {
    margin: 24px 0 16px;
  }
  /* line 2318, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-ranking-notice__text {
    font-size: 15px;
  }
  /* line 2325, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-staff-list {
    gap: 16px 32px;
  }
  /* line 2330, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-ranking-card .p-apparel2026-staff-row__avatar {
    width: 88px;
    height: 88px;
  }
  /* line 2335, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-ranking-card .p-apparel2026-staff-row__name {
    font-size: 18px;
  }
  /* line 2339, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-ranking-card .p-apparel2026-staff-row__brand {
    font-size: 15px;
  }
  /* line 2343, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-ranking-card .p-apparel2026-staff-row__shop {
    font-size: 13px;
  }
  /* line 2348, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-staff-row__point-value {
    font-size: 24px;
  }
  /* line 2352, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-page .p-apparel2026-staff-row__point-unit {
    font-size: 18px;
  }
  /* line 2358, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view {
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 0;
  }
  /* line 2364, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__bg {
    background: url(/assets/soty2026_firstview_bg-5974f485b8ed4c2f6f2acef12514293be9209a178f7de7bf5939ccade6975ad7.webp) center/cover no-repeat;
    background-color: #ffffff;
    isolation: isolate;
  }
  /* line 2369, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(/assets/soty2026_firstview_graphic-4026ce8d063dd9008ca8cf346b549825ceab0522db6a80d97cc264ccb84ee74e.webp) center/cover no-repeat;
    mix-blend-mode: multiply;
  }
  /* line 2378, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division {
    background: rgba(255, 255, 255, 0.95);
  }
  /* line 2382, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__content {
    padding: 40px 40px 0;
    max-width: 1064px;
    gap: 0;
    height: 100%;
  }
  /* line 2390, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__logo-wrap--sp {
    display: none;
  }
  /* line 2393, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__logo-wrap--pc {
    display: flex;
    justify-content: flex-start;
  }
  /* line 2398, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__logo-img--pc {
    display: block;
    width: 450px;
    max-width: 100%;
    height: auto;
  }
  /* line 2405, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__logo-img {
    width: 500px;
    max-width: 100%;
    height: auto;
  }
  /* line 2412, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__yell--sp {
    display: none;
  }
  /* line 2415, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__support--pc {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 40px;
    align-self: flex-start;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(12px) brightness(0.82) saturate(1.15);
    -webkit-backdrop-filter: blur(12px) brightness(0.82) saturate(1.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 16px 24px;
  }
  /* line 2430, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__support-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #bc975f;
  }
  /* line 2439, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__support-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
  /* line 2445, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__support-count {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #bc975f;
    line-height: 1;
  }
  /* line 2454, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__lead--pc {
    display: block;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 17.6px;
    font-weight: 700;
    line-height: 1.7;
    color: #333333;
  }
  /* line 2465, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__lead-text {
    background: #ffffff;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 2px 8px;
    border-radius: 4px;
  }
  /* line 2474, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__vote-btn {
    display: none;
  }
  /* line 2478, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__divisions {
    flex-direction: row;
    gap: 16px;
  }
  /* line 2483, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division {
    flex: 1;
    min-width: 0;
  }
  /* line 2488, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division-inner {
    min-width: 0;
  }
  /* line 2494, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division-desc {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  /* line 2500, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__division-name {
    font-size: 18px;
  }
  /* line 2505, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__bottom {
    position: relative;
    top: -45px;
    margin-top: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 24px;
    padding-bottom: 40px;
  }
  /* line 2516, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__divisions {
    flex: 1 1 auto;
    min-width: 0;
  }
  /* line 2522, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    padding-bottom: 4px;
    user-select: none;
    pointer-events: none;
  }
  /* line 2533, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__scroll-text {
    writing-mode: vertical-rl;
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #333333;
    line-height: 1;
  }
  /* line 2543, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__scroll-line {
    position: relative;
    width: 1px;
    height: 100px;
    background: rgba(51, 51, 51, 0.15);
    overflow: hidden;
  }
  /* line 2550, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__scroll-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, #333333 100%);
    animation: sotyScrollFlow 1.8s ease-in-out infinite;
  }
  /* line 2562, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__vote-btn {
    display: none;
  }
  @keyframes sotyScrollFlow {
    0% {
      transform: translateY(-40px);
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      transform: translateY(100px);
      opacity: 0;
    }
  }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  /* line 2587, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__scroll-line::after {
    animation: none;
  }
}

@media (min-width: 1024px) {
  /* line 2593, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section,
.p-top2026-about,
.p-top2026-photo-slider,
.p-top2026-final-stage,
.p-top2026-sponsor,
.p-2026-sponsor-section,
.p-top2026-point-ranking {
    position: relative;
    z-index: 1;
  }
  /* line 2605, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section,
.p-top2026-sponsor,
.p-2026-sponsor-section {
    background: rgba(240, 240, 240, 0.82);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  /* line 2612, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section__tier,
.p-top2026-sponsor__tier,
.p-2026-sponsor-section__tier {
    padding: 0 40px;
  }
  /* line 2619, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section .p-apparel2026-section-title {
    padding: 80px 40px 24px;
  }
  /* line 2623, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section .p-apparel2026-section-title__graphic {
    width: 36px;
    height: 64px;
  }
  /* line 2628, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-news-section .p-apparel2026-section-title__en {
    font-size: 40px;
  }
  /* line 2634, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-news {
    padding: 0 40px;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
  }
  /* line 2640, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-news .p-product2026-news-featured {
    flex: 0 0 450px;
  }
  /* line 2643, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-news .p-product2026-news-featured__img-wrap {
    height: auto;
  }
  /* line 2649, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-news .p-product2026-news-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  /* line 2656, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-news .p-product2026-news-item {
    padding: 0;
  }
  /* line 2659, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-news .p-product2026-news-item__img {
    width: 90px;
    height: 90px;
  }
  /* line 2667, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about {
    height: 664px;
  }
  /* line 2670, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__inner {
    padding: 100px 40px 60px;
    gap: 40px;
    height: 100%;
    align-items: center;
  }
  /* line 2677, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__header {
    align-items: center;
    width: 500px;
  }
  /* line 2682, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__header-logo {
    width: 500px;
    height: 58.8px;
  }
  /* line 2687, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__body {
    flex-direction: row;
    align-items: flex-start;
    gap: 68px;
    flex: 1;
    justify-content: center;
  }
  /* line 2695, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__left {
    flex: 0 0 340px;
    align-items: center;
  }
  /* line 2700, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__desc {
    text-align: center;
    font-size: 15px;
  }
  /* line 2705, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__right {
    flex: 0 0 500px;
    max-width: none;
  }
  /* line 2710, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-about__youtube {
    height: 283px;
    aspect-ratio: unset;
  }
  /* line 2717, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-photo-slider {
    padding: 60px 0 48px;
  }
  /* line 2720, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-photo-slider__slide {
    padding: 0 16px;
  }
  /* line 2728, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-coordinate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 2733, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-point-ranking {
    display: none;
  }
  /* line 2738, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage {
    padding: 60px 40px;
  }
  /* line 2741, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__deco {
    width: 671px;
    height: 682px;
  }
  /* line 2744, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__deco--tr {
    top: 0;
    right: -22px;
  }
  /* line 2745, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__deco--bl {
    top: 435px;
    left: -291px;
    bottom: auto;
  }
  /* line 2748, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__inner {
    max-width: 500px;
  }
  /* line 2750, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__date-year {
    font-size: 14px;
  }
  /* line 2751, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__date-month {
    font-size: 40px;
  }
  /* line 2752, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__date-sep-img {
    width: 17px;
  }
  /* line 2753, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__date-day {
    font-size: 80px;
  }
  /* line 2754, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__date-dow {
    width: 36px;
    height: 36px;
    margin-left: 12px;
  }
  /* line 2755, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__date-dow-text {
    font-size: 16px;
  }
  /* line 2756, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__title {
    font-size: 40px;
  }
  /* line 2757, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__venue {
    font-size: 18px;
    margin-bottom: 16px;
  }
  /* line 2758, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__subtitle {
    font-size: 16px;
    margin-bottom: 32px;
  }
  /* line 2759, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__prize {
    padding: 24px 32px;
    margin-bottom: 32px;
  }
  /* line 2760, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-final-stage__prize-wreath {
    width: 32px;
    height: 76px;
  }
  /* line 2764, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer {
    margin-left: 216px;
  }
  /* line 2768, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__body {
    display: grid;
    grid-template-columns: 256px 1fr;
    grid-template-rows: auto auto auto;
    gap: 0 24px;
    padding: 80px 32px 40px;
    align-items: end;
  }
  /* line 2777, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__logo-wrap {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 40px;
  }
  /* line 2783, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__logo-img {
    width: 240px;
    margin-bottom: 0;
  }
  /* line 2788, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__nav {
    grid-column: 1;
    grid-row: 2;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  /* line 2796, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__sns {
    grid-column: 1;
    grid-row: 3;
  }
  /* line 2801, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__companies {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: end;
    border-top: none;
    padding-top: 0;
    justify-content: flex-end;
  }
  /* line 2810, app/assets/stylesheets/object/project/product2026.scss */
  .p-apparel2026-footer__company {
    flex: unset;
  }
}

@media (min-width: 1280px) {
  /* line 2821, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__content {
    max-width: 1280px;
  }
  /* line 2827, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
  }
  /* line 2835, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
  }
  /* line 2843, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__bottom {
    margin-top: 0;
    top: 0;
    align-items: flex-start;
  }
  /* line 2851, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage {
    display: block;
    flex: 0 0 460px;
    width: 460px;
    align-self: flex-start;
    margin-top: 0;
    padding: 24px 32px;
    border-radius: 24px;
    transform: scale(0.8);
    transform-origin: top right;
  }
  /* line 2864, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__deco--tr {
    width: 580px;
    height: 590px;
    top: 0;
    right: -300px;
    bottom: auto;
    left: auto;
  }
  /* line 2873, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__inner {
    max-width: none;
  }
  /* line 2878, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__period-svg {
    width: 100%;
    max-width: 240px;
    margin-bottom: 12px;
  }
  /* line 2884, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__prize {
    padding: 12px 20px;
    margin-bottom: 0;
  }
  /* line 2890, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__prize-wreath {
    width: 26px;
    height: 62px;
  }
  /* line 2895, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__prize-note {
    margin-top: 8px;
  }
  /* line 2899, app/assets/stylesheets/object/project/product2026.scss */
  .p-product2026-first-view__final-stage.p-top2026-final-stage .p-top2026-final-stage__btn-wrap {
    margin-top: 16px;
  }
}

/* line 2908, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result {
  flex: 1;
  min-width: 0;
  background: #f0f0f0;
  min-height: 100vh;
  padding: 32px 40px 80px;
  position: relative;
}

/* line 2916, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__filter-btn {
  display: none;
}

/* line 2920, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__section {
  margin-bottom: 64px;
}

/* line 2925, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 56px 0 24px;
}

/* line 2932, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__title-icon {
  width: 22px;
  height: 40px;
  flex-shrink: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 2941, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__title-texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 2947, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__title-en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  line-height: 1.1;
  display: block;
}

/* line 2957, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__title-ja {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
  display: block;
}

/* line 2965, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__count {
  font-size: 14px;
  color: #333333;
  margin-bottom: 16px;
}

/* line 2971, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__count-keyword {
  font-weight: 700;
}

/* line 2975, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__empty {
  font-size: 15px;
  color: #777777;
  padding: 24px 0;
}

/* line 2982, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* line 2989, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  width: calc(50% - 8px);
  text-decoration: none;
  color: inherit;
  transition: opacity 0.15s;
  box-sizing: border-box;
}

/* line 3002, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-card:hover {
  opacity: 0.85;
}

/* line 3007, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-avatar {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 3014, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 3022, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 3030, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-name {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  line-height: 1.3;
}

/* line 3037, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-height {
  font-weight: 400;
  font-size: 16px;
}

/* line 3042, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-brand {
  font-size: 15px;
  color: #333333;
}

/* line 3047, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-shop {
  font-size: 13px;
  color: #777777;
}

/* line 3052, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__staff-chevron {
  font-size: 15px;
  color: #333333;
  flex-shrink: 0;
  margin-left: auto;
}

/* line 3060, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

/* line 3066, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-card {
  position: relative;
  width: calc(25% - 1px);
  aspect-ratio: 246 / 325;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

/* line 3074, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-card:hover .p-staffs2026-result__coord-img {
  transform: scale(1.03);
}

/* line 3079, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

/* line 3087, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
}

/* line 3093, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-info {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 3103, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 3110, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 3118, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-text {
  flex: 1;
  min-width: 0;
}

/* line 3123, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-name {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 3133, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-brand {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 3142, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-like {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  pointer-events: none;
}

/* line 3153, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-like-icon {
  display: block;
}

/* line 3157, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__coord-like-count {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}

/* line 3168, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px auto 0;
  height: 60px;
  padding: 0 40px;
  background: #ffffff;
  border-radius: 100px;
  font-size: 17px;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.15s;
}

/* line 3184, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-result__more-btn:hover {
  opacity: 0.85;
}

@media (min-width: 1024px) {
  /* line 3191, app/assets/stylesheets/object/project/product2026.scss */
  .p-staffs2026-result__filter-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 32px;
    right: 40px;
    height: 50px;
    padding: 0 32px;
    background: #8c59ff;
    border-radius: 100px;
    color: #ffffff;
    font-size: 17px;
    text-decoration: none;
    transition: opacity 0.15s;
  }
  /* line 3207, app/assets/stylesheets/object/project/product2026.scss */
  .p-staffs2026-result__filter-btn:hover {
    opacity: 0.85;
  }
}

/* line 3217, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1500;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f0f0f0;
}

/* line 3229, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay.is-show {
  display: block;
}

@media (min-width: 1024px) {
  /* line 3217, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay {
    left: 216px;
  }
  /* line 3238, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay__panel {
    position: relative;
  }
  /* line 3240, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay__close {
    position: absolute;
    top: 64px;
    right: -40px;
  }
}

/* line 3247, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__panel {
  padding: 64px 40px 80px;
  max-width: 880px;
}

/* line 3253, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 32px;
}

/* line 3260, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__title {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 3266, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__title-icon {
  width: 28px;
  height: 50px;
  flex-shrink: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 3275, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__title-texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 3281, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__title-en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  line-height: 1.1;
}

/* line 3290, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__title-ja {
  font-size: 13px;
  font-weight: 600;
  color: #333333;
}

/* line 3296, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__close {
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 0.5;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

/* line 3310, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__close:hover {
  opacity: 1;
}

/* line 3316, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__form {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 3323, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__name-input {
  width: 380px;
  max-width: 100%;
  height: 52px;
  border: 1px solid #dddddd;
  border-radius: 100px;
  padding: 10px 24px;
  font-size: 15px;
  color: #333333;
  background: #ffffff;
  outline: none;
  box-sizing: border-box;
  margin-bottom: 24px;
}

/* line 3337, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__name-input::placeholder {
  color: #bababc;
}

/* line 3341, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__name-input:focus {
  border-color: #8c59ff;
}

/* line 3347, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__filter-row {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}

/* line 3354, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__brand-select {
  flex: 1;
  min-width: 0;
}

/* line 3359, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__brand-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 52px;
  padding: 0 16px;
  background: #ffffff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
  text-align: left;
  transition: background 0.15s;
}

/* line 3375, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__brand-trigger:hover {
  background: #f0f0f0;
}

/* line 3380, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__chevron--next {
  transform: rotate(-90deg);
  opacity: 0.5;
  flex-shrink: 0;
}

/* line 3387, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion {
  flex: 1;
  min-width: 0;
}

/* line 3392, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-chk {
  display: none;
}

/* line 3395, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-chk:checked ~ .p-top2026-search-overlay__accordion-content {
  display: block;
}

/* line 3399, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-chk:checked ~ .p-top2026-search-overlay__accordion-label .p-top2026-search-overlay__chevron {
  transform: rotate(180deg);
}

/* line 3404, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  padding: 0 16px;
  background: #ffffff;
  border-radius: 12px;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
  user-select: none;
  transition: background 0.15s;
}

/* line 3418, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-label:hover {
  background: #f0f0f0;
}

/* line 3423, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__chevron {
  transition: transform 0.2s;
  opacity: 0.5;
}

/* line 3428, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-content {
  display: none;
  background: #ffffff;
  border-radius: 0 0 12px 12px;
  padding: 16px;
  margin-top: 2px;
}

/* line 3436, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-content .p-wrap-alphabet {
  flex-wrap: wrap;
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
}

/* line 3443, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-content .c-brand-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 240px;
  overflow-y: auto;
}

/* line 3451, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__accordion-content .p-wrap-list-item {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 3462, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__section {
  margin-top: 8px;
}

/* line 3466, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__section-label {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  padding: 32px 0 8px;
}

/* line 3473, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__section-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
}

/* line 3482, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__section-card--area {
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

/* line 3490, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__check-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
}

/* line 3498, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__check-item .c-checkbox {
  flex-shrink: 0;
}

/* line 3504, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 16px;
}

/* line 3508, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-item:last-child {
  border-bottom: none;
}

/* line 3513, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-row {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin-bottom: 0;
}

/* line 3520, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-row .c-checkbox {
  flex-shrink: 0;
}

/* line 3525, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-name {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  flex: 1;
}

/* line 3532, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-count {
  display: none;
  font-size: 12px;
  font-weight: 600;
  color: #8c59ff;
}

/* line 3538, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__area-count.is-show {
  display: inline;
}

/* line 3543, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__prefectures {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin-top: 12px;
  padding-left: 32px;
}

/* line 3552, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 48px;
}

/* line 3560, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__submit {
  height: 50px;
  min-width: 114px;
  padding: 0 40px;
  border: none;
  border-radius: 100px;
  background: #8c59ff;
  color: #ffffff;
  font-size: 17px;
  cursor: pointer;
  transition: opacity 0.15s;
}

/* line 3572, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__submit:hover {
  opacity: 0.85;
}

/* line 3577, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__clear {
  background: none;
  border: none;
  font-size: 13px;
  color: #888888;
  cursor: pointer;
  text-decoration: underline;
}

/* line 3585, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay__clear:hover {
  color: #333333;
}

/* line 3591, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay .c-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent url(/assets/soty2026_checkbox_unchecked-fbdce4a78c99bbaeaa8ccb02c5322b9ee50dabfcc1ff2d8bf2f807bf05420b06.svg) center/24px no-repeat;
  cursor: pointer;
  vertical-align: middle;
}

/* line 3604, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay .c-checkbox:before {
  display: none;
}

/* line 3608, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay .c-checkbox:checked {
  background-image: url(/assets/soty2026_checkbox_checked-3e7f3134216e264fe334f78bacd1e94cf333812dd41d4598301820a39abc1f3e.svg);
}

/* line 3615, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel {
  position: fixed;
  inset: 0;
  z-index: 1400;
  background: #f0f0f0;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 3625, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel.is-open {
  transform: translateX(0);
}

/* line 3630, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__panel {
  flex: 1;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 3639, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__header {
  position: sticky;
  top: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 16px;
  background: rgba(240, 240, 240, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 10;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

@media (min-width: 1024px) {
  /* line 3639, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-brand-panel__header {
    border-bottom: none;
  }
}

/* line 3660, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

/* line 3673, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__title {
  font-size: 17px;
  font-weight: 700;
  color: #333333;
  margin: 0;
}

/* line 3680, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  background: #8c59ff;
  border: none;
  border-radius: 100px;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.15s;
}

/* line 3695, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__confirm:hover {
  opacity: 0.85;
}

/* line 3700, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__body {
  flex: 1;
  overflow-y: auto;
  padding: 0 32px 40px 16px;
  -webkit-overflow-scrolling: touch;
}

/* line 3708, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel--company .p-top2026-brand-panel__body {
  padding: 16px 16px 40px;
}

/* line 3712, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__group-header {
  padding: 24px 0 8px 16px;
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  margin: 0;
}

/* line 3720, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__group-items {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

/* line 3726, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 0 16px;
  cursor: pointer;
}

/* line 3734, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__item:last-child {
  border-bottom: none;
}

/* line 3739, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__checkbox {
  display: none;
}

/* line 3743, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__item-icon {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

/* line 3750, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__icon-unchecked, .p-top2026-brand-panel__icon-checked {
  position: absolute;
  inset: 0;
  transition: opacity 0.15s;
}

/* line 3757, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__icon-checked {
  opacity: 0;
}

/* line 3761, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__item.is-checked .p-top2026-brand-panel__icon-unchecked {
  opacity: 0;
}

/* line 3765, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__item.is-checked .p-top2026-brand-panel__icon-checked {
  opacity: 1;
}

/* line 3769, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__item-name {
  flex: 1;
  font-size: 15px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 14px 0;
}

/* line 3779, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__index {
  position: fixed;
  right: 0;
  top: 56px;
  bottom: 80px;
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  z-index: 20;
  pointer-events: none;
}

/* line 3793, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__index.is-open {
  pointer-events: auto;
}

/* line 3798, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__index-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  color: #8c59ff;
  text-decoration: none;
  line-height: 16px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 3813, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__footer {
  flex-shrink: 0;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(240, 240, 240, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* line 3822, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__confirm-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background: #8c59ff;
  border: none;
  border-radius: 100px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}

/* line 3837, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-brand-panel__confirm-bottom:hover {
  opacity: 0.85;
}

@media (min-width: 1024px) {
  /* line 3615, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-brand-panel {
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    transform: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  }
  /* line 3852, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-brand-panel.is-open {
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease;
  }
  /* line 3859, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-brand-panel__panel {
    flex: none;
    width: 450px;
    max-width: calc(100% - 64px);
    height: auto;
    max-height: calc(100vh - 80px);
    background: #f0f0f0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  }
  /* line 3871, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-brand-panel__index {
    position: absolute;
    top: 56px;
    bottom: 80px;
  }
}

/* line 3880, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: none;
}

/* line 3886, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp.is-show {
  display: flex;
}

@media (min-width: 1024px) {
  /* line 3880, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay-sp {
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
  }
}

/* line 3898, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__panel {
  flex: 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(240, 240, 240, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (min-width: 1024px) {
  /* line 3898, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay-sp__panel {
    flex: none;
    width: 450px;
    max-width: calc(100% - 64px);
    height: auto;
    max-height: calc(100vh - 80px);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  }
}

/* line 3921, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 16px;
  background: rgba(240, 240, 240, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

@media (min-width: 1024px) {
  /* line 3921, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay-sp__header {
    height: auto;
    padding: 24px 24px 16px;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: none;
  }
}

/* line 3945, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__overlay-close {
  display: none;
}

@media (min-width: 1024px) {
  /* line 3945, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay-sp__overlay-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 1;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #ffffff;
    border-radius: 100px;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  /* line 3965, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay-sp__overlay-close svg {
    display: block;
  }
}

/* line 3969, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__title {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 23px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  margin: 0;
}

/* line 3978, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 3984, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__search-btn {
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 100px;
  background: #cccccc;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 3995, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__search-btn.is-active {
  background: #8c59ff;
}

/* line 4000, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

@media (min-width: 1024px) {
  /* line 4000, app/assets/stylesheets/object/project/product2026.scss */
  .p-top2026-search-overlay-sp__close {
    display: none;
  }
}

/* line 4017, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__form {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

/* line 4025, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 0 60px;
  min-height: 0;
}

/* line 4034, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__clear-all {
  display: none;
  align-items: center;
  gap: 6px;
  margin: 0 16px 12px;
  padding: 0;
  border: none;
  background: none;
  color: #8c59ff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 4048, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__clear-all.is-visible {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 15px;
  font-weight: lighter;
  align-items: center;
}

/* line 4057, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__clear-all svg {
  display: block;
  flex-shrink: 0;
}

/* line 4060, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-wrap {
  position: relative;
  padding: 0 16px;
  margin-bottom: 16px;
}

/* line 4066, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-input {
  width: 100%;
  height: 52px;
  padding: 0 44px 0 24px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 100px;
  font-size: 15px;
  color: #333333;
  outline: none;
  box-sizing: border-box;
}

/* line 4078, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-input::placeholder {
  color: #bababc;
}

/* line 4079, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-input:focus {
  border-color: #8c59ff;
}

/* line 4082, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-clear {
  display: none;
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 4096, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-clear.is-visible {
  display: block;
}

/* line 4098, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__name-clear svg {
  display: block;
}

/* line 4101, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__section-label {
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  padding: 24px 0 8px 32px;
  margin: 0;
}

/* line 4109, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__card {
  margin: 0 16px;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

/* line 4116, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__card--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 16px;
  overflow: visible;
}

/* line 4124, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__card--tags {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: visible;
}

/* line 4132, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row-divider {
  height: 1px;
  background: #dddddd;
  margin: 0 0 0 16px;
}

/* line 4138, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0 16px;
  width: 100%;
  background: none;
  border: none;
  border-bottom: none;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
  text-align: left;
  box-sizing: border-box;
  text-decoration: none;
}

/* line 4157, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row-text {
  flex: 1;
  min-width: 0;
  padding: 14px 12px 14px 0;
  line-height: 1.5;
  color: #333333;
}

/* line 4164, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row-text.is-selected {
  color: #8c59ff;
}

/* line 4169, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row-chevron {
  flex-shrink: 0;
}

/* line 4173, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row--check {
  gap: 8px;
  justify-content: flex-start;
  position: relative;
}

/* line 4179, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row--check::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dddddd;
}

/* line 4189, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row--check:last-child::after {
  display: none;
}

/* line 4192, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row--label {
  border-bottom: none;
}

/* line 4196, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row-chevron {
  flex-shrink: 0;
  transform: rotate(-90deg);
}

/* line 4201, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__row-chevron--toggle {
  transform: rotate(0deg);
  transition: transform 0.2s;
}

/* line 4206, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__accordion-chk {
  display: none;
}

/* line 4209, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__accordion-chk:checked ~ .p-top2026-search-overlay-sp__row--label .p-top2026-search-overlay-sp__row-chevron--toggle {
  transform: rotate(180deg);
}

/* line 4213, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__accordion-chk:checked ~ .p-top2026-search-overlay-sp__accordion-body {
  display: flex;
}

/* line 4218, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__accordion-body {
  display: none;
  padding: 8px 16px 16px;
  border-top: 1px solid #dddddd;
  flex-direction: column;
  gap: 12px;
}

/* line 4226, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__check-item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
}

/* line 4236, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-item {
  position: relative;
}

/* line 4240, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-item::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dddddd;
}

/* line 4250, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-item:last-child::after {
  display: none;
}

/* line 4253, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-header {
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 16px 0 16px;
}

/* line 4260, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-check {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

/* line 4267, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-toggle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 0 0 8px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  min-width: 0;
}

/* line 4281, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-label {
  flex: 1;
  font-size: 15px;
  color: #333333;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 4290, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-chevron {
  flex-shrink: 0;
  transition: transform 0.2s;
}

/* line 4295, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__area-item.is-open .p-top2026-search-overlay-sp__area-chevron {
  transform: rotate(180deg);
}

/* line 4299, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__pref-count {
  display: none;
  font-size: 12px;
  font-weight: 600;
  color: #8c59ff;
}

/* line 4305, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__pref-count.is-show {
  display: inline;
}

/* line 4308, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__prefectures {
  display: none;
  padding: 0 16px 16px 48px;
  flex-wrap: wrap;
  gap: 16px 0;
}

/* line 4315, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__prefectures.is-open {
  display: flex;
}

/* line 4318, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__pref-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 33.33%;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
  cursor: pointer;
  font-size: 15px;
  color: #333333;
}

/* line 4331, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__clear-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

/* line 4337, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp__clear-btn {
  background: none;
  border: none;
  font-size: 13px;
  color: #888888;
  cursor: pointer;
  text-decoration: underline;
}

/* line 4347, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp .c-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent url(/assets/soty2026_checkbox_unchecked-fbdce4a78c99bbaeaa8ccb02c5322b9ee50dabfcc1ff2d8bf2f807bf05420b06.svg) center/24px no-repeat;
  cursor: pointer;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 4361, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp .c-checkbox:before {
  display: none;
}

/* line 4362, app/assets/stylesheets/object/project/product2026.scss */
.p-top2026-search-overlay-sp .c-checkbox:checked {
  background-image: url(/assets/soty2026_checkbox_checked-3e7f3134216e264fe334f78bacd1e94cf333812dd41d4598301820a39abc1f3e.svg);
}

/* line 4369, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp {
  display: block;
  background: #f0f0f0;
  min-height: 100vh;
  padding-bottom: 80px;
}

@media (min-width: 1024px) {
  /* line 4369, app/assets/stylesheets/object/project/product2026.scss */
  .p-staffs2026-sp {
    display: none !important;
  }
}

/* line 4380, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__header {
  position: sticky;
  top: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  padding: 0 16px;
  background: rgba(240, 240, 240, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* line 4394, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__header-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 4400, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  flex-shrink: 0;
}

/* line 4410, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__header-title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  white-space: nowrap;
}

/* line 4417, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 4423, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  background: #8c59ff;
  border-radius: 100px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

/* line 4438, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}

/* line 4451, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__menu-bar {
  display: block;
  width: 100%;
  height: 2px;
  background: #333333;
  border-radius: 1px;
}

/* line 4459, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__section {
  padding: 0 16px;
}

/* line 4464, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 48px 0 16px;
}

/* line 4471, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__title-icon {
  width: 22px;
  height: 40px;
  flex-shrink: 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 4480, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__title-texts {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 4486, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__title-en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  line-height: 1.1;
  display: block;
}

/* line 4496, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__title-ja {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  display: block;
}

/* line 4503, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__count {
  font-size: 14px;
  color: #333333;
  margin-bottom: 12px;
}

/* line 4509, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__count-keyword {
  font-weight: 700;
}

/* line 4513, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__empty {
  font-size: 15px;
  color: #777777;
  padding: 24px 0;
}

/* line 4520, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 4526, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  color: inherit;
}

/* line 4537, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}

/* line 4545, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 4552, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 4560, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 4568, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-name {
  font-size: 17px;
  font-weight: 700;
  color: #333333;
  line-height: 1.3;
}

/* line 4575, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-height {
  font-weight: 400;
  font-size: 15px;
}

/* line 4580, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-brand {
  font-size: 13px;
  color: #333333;
}

/* line 4585, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-shop {
  font-size: 11px;
  color: #777777;
}

/* line 4590, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-chevron {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 4598, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__staff-chevron img {
  transform: rotate(-90deg);
}

/* line 4602, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__pagination {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

/* line 4607, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__pagination nav {
  margin-top: 0;
}

/* line 4609, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__pagination .c-pagination-rectangle {
  gap: 6px;
}

/* line 4613, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__pagination .c-pagination-rectangle__item {
  min-width: 44px;
  height: 44px;
  font-size: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

/* line 4625, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__pagination .prev .c-pagination-rectangle__item, .p-staffs2026-sp__pagination .next .c-pagination-rectangle__item {
  font-size: 20px;
  font-weight: 700;
}

/* line 4633, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

/* line 4639, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-card {
  position: relative;
  width: calc(50% - 0.5px);
  aspect-ratio: 196 / 260;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

/* line 4648, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 4655, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
}

/* line 4661, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-info {
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 40px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 4671, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 4678, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 4686, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-text {
  flex: 1;
  min-width: 0;
}

/* line 4691, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-name {
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 4701, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-brand {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 10px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 4710, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-like {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  pointer-events: none;
}

/* line 4721, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-like-icon {
  display: block;
}

/* line 4725, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__coord-like-count {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}

/* line 4735, app/assets/stylesheets/object/project/product2026.scss */
.p-staffs2026-sp__more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px auto 0;
  height: 44px;
  padding: 0 32px;
  background: #ffffff;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

/* line 4756, app/assets/stylesheets/object/project/product2026.scss */
.p-apparel2026-preliminary-modal--product .p-apparel2026-preliminary-modal__period-badge {
  background: #d2bc00;
}

/* line 4760, app/assets/stylesheets/object/project/product2026.scss */
.p-apparel2026-preliminary-modal--product .p-apparel2026-preliminary-modal__criteria-num {
  background: #d2bc00;
}

/* line 4764, app/assets/stylesheets/object/project/product2026.scss */
.p-apparel2026-preliminary-modal--product .p-apparel2026-preliminary-modal__summary-highlight {
  background: #d2bc00;
}

/* line 4768, app/assets/stylesheets/object/project/product2026.scss */
.p-apparel2026-preliminary-modal--product .p-apparel2026-preliminary-modal__filter-badge {
  background: #d2bc00;
}

/* line 4772, app/assets/stylesheets/object/project/product2026.scss */
.p-apparel2026-preliminary-modal--product .p-apparel2026-preliminary-modal__note-icon-img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

/* line 9, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-page {
  background-color: #f0f0f0;
}

/* line 16, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view {
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, #f0f0f0 62%);
  padding: 126px 16px 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

@media (max-width: 1023px) {
  /* line 16, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view {
    padding-top: 64px;
  }
}

/* line 29, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__logo-wrapper {
  position: relative;
  width: 100%;
  max-width: 361px;
}

/* line 35, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__logo-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 41, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__logo-text {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}

/* line 47, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 121px;
  height: 29px;
}

/* line 55, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__badge-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* line 62, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__badge-text {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  line-height: 1;
}

/* line 74, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__period {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 80, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__period-date {
  line-height: 1.3;
}

/* line 84, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__period-num {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #333333;
}

/* line 91, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__period-kana {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}

/* line 97, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__stage-label {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.7;
}

/* line 104, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__description {
  font-size: 15px;
  line-height: 1.7;
  color: #333333;
}

/* line 110, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__stage-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 32px;
  background: #ffffff;
  border: none;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  align-self: center;
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-first-view__stage-btn:hover {
  background: #666666;
  color: white;
  box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 136, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-subtitle {
  font-size: 14px;
  color: #333333;
  padding: 4px 16px 0;
}

/* line 141, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-subtitle strong {
  font-weight: 700;
  color: #ff51ab;
}

/* line 147, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-notice {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  margin: 16px 16px 0;
  padding: 4px 0;
  font-size: 13px;
  color: #777777;
  line-height: 1.6;
}

/* line 158, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-notice__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

/* line 165, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-notice__text-title {
  font-weight: 600;
  color: #333333;
}

/* line 170, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-notice__list {
  list-style: disc;
  padding-left: 16px;
  margin-top: 2px;
}

/* line 180, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

/* line 186, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 8px 16px 16px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  transition: opacity 0.15s;
}

/* line 198, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__card:hover {
  opacity: 0.85;
}

/* line 204, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__card--info {
  cursor: default;
}

/* line 207, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__card--info:hover {
  opacity: 1;
}

/* line 212, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 221, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__category-icon {
  width: 32px;
  height: 48px;
  flex-shrink: 0;
  background: #e8e8e8;
  border-radius: 4px;
}

/* line 229, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__body {
  flex: 1;
  min-width: 0;
}

/* line 234, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__title {
  font-size: 17px;
  font-weight: 700;
  color: #333333;
  line-height: 1.3;
}

/* line 241, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__desc {
  font-size: 14px;
  color: #777777;
  margin-top: 2px;
}

/* line 247, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-ranking-list__chevron {
  font-size: 15px;
  color: #333333;
  flex-shrink: 0;
}

/* line 257, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-section-title__graphic--nextage:not(img) {
  background: linear-gradient(45deg, white 0%, #ff51ab 100%);
}

/* line 262, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-page .p-apparel2026-staff-row__point-value,
.p-nextage2026-page .p-apparel2026-staff-row__point-unit {
  color: #ff51ab;
}

/* line 267, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-page .p-apparel2026-staff-row__chevron:not(.p-apparel2026-staff-row__chevron--dark) {
  color: #ff51ab;
}

/* line 271, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-page .p-apparel2026-ranking-tab.is-active {
  background: #ff51ab;
  border-color: #ff51ab;
}

/* line 276, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-page .p-apparel2026-button--nextage {
  color: #333333;
  border-color: #ff51ab;
}

/* line 289, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-tab-arrows {
  display: none;
}

/* line 292, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-tab-arrows__btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.15s;
}

/* line 300, app/assets/stylesheets/object/project/next_age2026.scss */
.p-nextage2026-tab-arrows__btn.is-disabled {
  opacity: 0.3;
  cursor: default;
}

@media (min-width: 1024px) {
  /* line 311, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page {
    flex: 1;
    min-width: 0;
  }
  /* line 316, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-section {
    padding: 0 40px 48px;
  }
  /* line 320, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-section-title {
    padding: 56px 0 16px;
  }
  /* line 323, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-section-title__en {
    font-size: 40px;
  }
  /* line 328, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-button {
    height: 60px;
    padding: 0 40px;
    font-size: 17px;
  }
  /* line 335, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-coordinate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 340, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-simple-staff-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  /* line 345, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-page .p-apparel2026-simple-staff-list li {
    margin: 0;
  }
  /* line 352, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view {
    padding: 64px 40px 48px;
    align-items: center;
  }
  /* line 356, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__logo-wrapper {
    max-width: 700px;
    width: 100%;
  }
  /* line 361, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__period {
    flex-direction: row;
    align-items: baseline;
    gap: 24px;
    width: 100%;
    max-width: 700px;
  }
  /* line 369, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__period-num {
    font-size: 28px;
  }
  /* line 370, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__period-kana {
    font-size: 17px;
  }
  /* line 371, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__stage-label {
    font-size: 20px;
  }
  /* line 373, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__description {
    font-size: 17px;
    width: 100%;
    max-width: 700px;
  }
  /* line 379, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-first-view__stage-btn {
    height: 60px;
    font-size: 17px;
    padding: 0 40px;
  }
  /* line 387, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-tab-arrows {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px;
    padding-left: 32px;
  }
  /* line 398, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-apparel2026-ranking-page__bottom .p-nextage2026-ranking-notice {
    margin: 0;
  }
  /* line 404, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-ranking-list {
    padding: 0;
  }
  /* line 407, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-ranking-list--sales {
    max-width: 50%;
  }
  /* line 411, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-ranking-list--yell {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    gap: 16px;
  }
  /* line 420, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-ranking-subtitle {
    padding: 4px 40px 0;
  }
  /* line 424, app/assets/stylesheets/object/project/next_age2026.scss */
  .p-nextage2026-ranking-notice {
    margin: 16px 40px 0;
  }
}

/* line 433, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__period-badge {
  background: #ff51ab;
}

/* line 435, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__period-badge .p-apparel2026-preliminary-modal__period-badge-num,
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__period-badge .p-apparel2026-preliminary-modal__period-badge-unit {
  color: #ffffff;
}

/* line 439, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__criteria-num {
  background: #ff51ab;
  color: #ffffff;
}

/* line 444, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__summary-highlight {
  background: #ff51ab;
  color: #ffffff;
}

/* line 447, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__summary-highlight .p-apparel2026-preliminary-modal__badge-num {
  color: #ffffff;
}

/* line 450, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__filter-badge {
  background: #ff51ab;
  color: #ffffff;
}

/* line 453, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__filter-badge .p-apparel2026-preliminary-modal__badge-num {
  color: #ffffff;
}

/* line 456, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__note-icon-img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

/* line 464, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__filter-item {
  align-items: center;
}

/* line 468, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__filter-body {
  flex: 1;
  min-width: 0;
}

/* line 473, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__filter-sub {
  font-size: 11px;
  color: #777777;
  line-height: 1.5;
  margin-top: 2px;
}

/* line 480, app/assets/stylesheets/object/project/next_age2026.scss */
.p-apparel2026-preliminary-modal--nextage .p-apparel2026-preliminary-modal__section-desc {
  font-size: 12px;
  color: #777777;
  line-height: 1.6;
  margin-bottom: 8px;
}

/* line 12, app/assets/stylesheets/object/project/staffs2026.scss */
.l-header.l-header--transparent {
  background: transparent;
  box-shadow: none;
}

/* line 16, app/assets/stylesheets/object/project/staffs2026.scss */
.l-header.l-header--transparent .l-header__icon-path {
  fill: white;
}

/* line 20, app/assets/stylesheets/object/project/staffs2026.scss */
.l-header.l-header--transparent .l-header__icon {
  color: white;
}

/* line 24, app/assets/stylesheets/object/project/staffs2026.scss */
.l-header.l-header--transparent .l-header__home-icon path {
  fill: white;
}

/* line 28, app/assets/stylesheets/object/project/staffs2026.scss */
.l-header.l-header--transparent .l-header__title {
  color: white;
}

/* line 33, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026 {
  background-color: #f0f0f0;
  min-height: 100vh;
}

/* line 37, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026--apparel {
  --accent: #1acccc;
}

/* line 38, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026--merchandise {
  --accent: #d2bc00;
}

/* line 39, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026--nextage {
  --accent: #ff51ab;
}

/* line 45, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero {
  position: relative;
  height: 524px;
  overflow: hidden;
}

/* line 50, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

/* line 59, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.88) 100%);
  mix-blend-mode: multiply;
}

/* line 66, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__info {
  position: absolute;
  bottom: 15px;
  left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 58%;
  color: white;
}

/* line 77, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__gender-height {
  font-family: "urw-din", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: white;
  line-height: 1;
}

/* line 86, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__nextage-badge {
  align-self: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 4px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid #ff51ab;
  border-radius: 4px;
  overflow: hidden;
}

/* line 100, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__nextage-badge-head {
  background: #ff51ab;
  color: #333333;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  padding: 2px 8px;
  line-height: 1.6;
}

/* line 110, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__nextage-badge-category {
  color: #ff51ab;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  padding: 0 8px;
  line-height: 1.5;
}

/* line 119, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__name {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: white;
}

/* line 126, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__brand {
  font-family: "urw-din", sans-serif;
  font-size: 17px;
  color: white;
  line-height: 1.3;
}

/* line 133, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__shop {
  font-size: 13px;
  color: white;
  font-weight: 300;
  line-height: 1.3;
}

/* line 140, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__aside {
  position: absolute;
  bottom: 10px;
  right: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}

/* line 150, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__division-badge {
  align-self: flex-start;
  background-color: var(--accent);
  color: #333333;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  white-space: nowrap;
  line-height: 1.6;
}

/* line 162, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__vote {
  text-align: right;
}

/* line 166, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__vote-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--accent);
  line-height: 1.4;
}

/* line 173, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__vote-number {
  font-family: "urw-din", sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: var(--accent);
  line-height: 1.4;
}

/* line 180, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-hero__vote-number span {
  font-family: "Hiragino Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

/* line 191, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0 16px;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
}

/* line 201, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__header {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 207, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__label {
  font-size: 12px;
  font-weight: 600;
  color: var(--accent);
}

/* line 213, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__value {
  font-family: "urw-din", sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: var(--accent);
  line-height: 1.7;
}

/* line 220, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__value span {
  font-size: 14px;
  font-weight: 700;
}

/* line 226, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__breakdown {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 4px;
}

/* line 233, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/* line 240, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__item-value {
  font-family: "urw-din", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #333333;
  line-height: 1.7;
  white-space: nowrap;
}

/* line 248, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__item-value span {
  font-family: "urw-din", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

/* line 255, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-points__item-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #666666;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
}

/* line 271, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-wrap {
  padding: 16px;
  display: flex;
  justify-content: center;
}

/* line 277, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 32px;
  background: var(--accent);
  border-radius: 100px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none;
  color: white;
}

/* line 291, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn:hover {
  background: #666666;
  color: white;
  box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* line 297, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn__icon {
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

/* line 305, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn__text {
  margin: 0;
  line-height: 1;
  display: flex;
  align-items: baseline;
  gap: 0;
  color: white;
}

/* line 314, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn__label {
  font-size: 18px;
  font-weight: 600;
  color: white;
}

/* line 320, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn__count {
  font-size: 12px;
  font-weight: 300;
  color: white;
  margin-left: 2px;
}

/* line 326, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn__count span {
  display: inline;
}

/* line 330, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn--disabled {
  background: #cccccc;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

/* line 336, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-vote-btn--disabled:hover {
  background: #cccccc;
  box-shadow: none;
}

/* line 346, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

/* line 352, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__meta {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  line-height: 1.7;
}

/* line 359, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__bio {
  position: relative;
}

/* line 363, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__bio.is-collapsed .p-staff2026-profile__bio-text {
  max-height: calc(1.7em * 5);
  overflow: hidden;
}

/* line 368, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__bio.is-collapsed .p-staff2026-expand-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f0f0f0;
  padding-left: 4px;
  margin-top: 0;
}

/* line 379, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__bio-text {
  font-size: 15px;
  font-weight: 300;
  color: #333333;
  line-height: 1.7;
}

/* line 386, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__sns {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* line 392, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__sns-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 402, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__sns-btn img {
  width: 20px;
  height: 20px;
  display: block;
}

/* line 409, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__tags {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 2px;
}

/* line 417, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__tags::-webkit-scrollbar {
  display: none;
}

/* line 420, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 100px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 300;
  color: #333333;
  flex-shrink: 0;
}

/* line 434, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-profile__tag-hash {
  color: var(--accent);
  font-weight: 300;
  margin-right: 1px;
}

/* line 444, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-expand-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
}

/* line 455, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-expand-btn.is-hidden {
  display: none;
}

/* line 462, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-message__body {
  padding: 0 16px;
  position: relative;
}

/* line 467, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-message__body.is-collapsed .p-staff2026-message__text {
  max-height: calc(1.7em * 5);
  overflow: hidden;
}

/* line 472, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-message__body.is-collapsed .p-staff2026-expand-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f0f0f0;
  padding-left: 4px;
  margin-top: 0;
}

/* line 483, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-message__text {
  font-size: 15px;
  font-weight: 300;
  color: #333333;
  line-height: 1.7;
}

/* line 494, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 56px 16px 16px;
}

/* line 500, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title__graphic {
  width: 28px;
  height: 47px;
  flex-shrink: 0;
  background: linear-gradient(45deg, white 0%, var(--accent) 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: multiply;
}

/* line 509, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title__text {
  flex: 1;
}

/* line 511, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title__en {
  font-family: "urw-din", sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
  line-height: 1;
}

/* line 520, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title__ja {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  line-height: 1.4;
  margin-top: .5em;
}

/* line 528, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title--m {
  padding: 40px 16px 16px;
  display: block;
}

/* line 532, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section-title--m .p-staff2026-section-title__ja {
  font-size: 20px;
}

/* line 541, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-section {
  padding: 0 0 32px;
}

/* line 545, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-empty {
  text-align: center;
  padding: 32px 16px;
  color: #777777;
  font-size: 14px;
}

/* line 557, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-list .p-staff2026-staff-card--pc-extra {
  display: none;
}

/* line 561, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background-color: #f0f0f0;
}

/* line 569, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-grid .p-staff2026-coordinate-item--extra {
  display: none;
}

/* line 573, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-grid.is-open .p-staff2026-coordinate-item--extra {
  display: block;
}

/* line 577, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item {
  position: relative;
  height: 260px;
  overflow: hidden;
}

/* line 582, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__link {
  position: absolute;
  inset: 0;
  display: block;
  text-decoration: none;
}

/* line 589, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 596, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events: none;
}

/* line 603, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__like {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  bottom: 6px;
  right: 8px;
  width: 39px;
  z-index: 1;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* line 620, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__like-icon-off, .p-staff2026-coordinate-item__like-icon-on {
  display: block;
  width: 24px;
  height: 24px;
}

/* line 627, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__like-icon-on {
  display: none;
}

/* line 631, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__like.is-liked .p-staff2026-coordinate-item__like-icon-off {
  display: none;
}

/* line 635, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__like.is-liked .p-staff2026-coordinate-item__like-icon-on {
  display: block;
}

/* line 639, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-coordinate-item__like-count {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
}

/* line 654, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
}

/* line 661, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  color: inherit;
}

/* line 671, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0;
}

/* line 679, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* line 687, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 695, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__name {
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 1.3;
}

/* line 702, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__brand {
  font-size: 13px;
  color: #333333;
  font-weight: 300;
  line-height: 1.4;
}

/* line 709, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__shop {
  font-size: 11px;
  color: #777777;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 718, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-staff-card__chevron {
  color: #333333;
  font-size: 14px;
  flex-shrink: 0;
}

/* line 728, app/assets/stylesheets/object/project/staffs2026.scss */
.p-staff2026-pc-header {
  display: none;
}

@media (min-width: 1024px) {
  /* line 736, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026 {
    flex: 1;
    min-width: 0;
    background: #f0f0f0;
  }
  /* line 743, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-upper {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding: 0 40px;
  }
  /* line 750, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-left {
    flex-shrink: 0;
    width: 400px;
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
  /* line 758, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-right {
    flex: 1;
    min-width: 0;
    padding-top: 40px;
  }
  /* line 765, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-hero {
    height: 533px;
  }
  /* line 768, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-hero__info {
    display: none;
  }
  /* line 772, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-hero__division-badge {
    display: none;
  }
  /* line 778, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-vote-wrap {
    padding: 16px 0;
    justify-content: center;
  }
  /* line 783, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-vote-btn {
    width: auto;
    height: 50px;
  }
  /* line 789, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 0;
    padding: 16px;
    background: #ffffff;
    border-radius: 12px;
  }
  /* line 798, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__header {
    margin-bottom: 0;
  }
  /* line 802, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__label {
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
  }
  /* line 808, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__icon {
    color: var(--accent);
  }
  /* line 812, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__value {
    font-family: "urw-din", sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: var(--accent);
    line-height: 1.7;
  }
  /* line 819, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__value span {
    font-size: 14px;
    font-weight: 700;
  }
  /* line 825, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__breakdown {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 4px;
  }
  /* line 832, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  /* line 839, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__item-value {
    font-family: "urw-din", sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #333333;
    line-height: 1.7;
    white-space: nowrap;
  }
  /* line 847, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__item-value span {
    font-family: "urw-din", sans-serif;
    font-size: 12px;
    font-weight: 400;
  }
  /* line 854, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-points__item-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666666;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    color: #333333;
    white-space: nowrap;
  }
  /* line 868, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 40px;
  }
  /* line 874, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__badge {
    display: inline-block;
    background-color: var(--accent);
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    width: fit-content;
    margin-bottom: 4px;
  }
  /* line 888, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__nextage-badge {
    display: inline-flex;
    align-items: stretch;
    width: fit-content;
    border: 1px solid #ff51ab;
    border-radius: 4px;
    overflow: hidden;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    margin-bottom: 4px;
  }
  /* line 900, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__nextage-badge-head {
    font-family: "urw-din", sans-serif;
    background: #ff51ab;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 4px 8px;
    line-height: 1.3;
    white-space: nowrap;
  }
  /* line 912, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__nextage-badge-category {
    color: #ff51ab;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 4px 8px;
    line-height: 1.3;
    white-space: nowrap;
  }
  /* line 922, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__name {
    font-size: 25px;
    font-weight: 600;
    color: #333333;
    line-height: 1.3;
  }
  /* line 929, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__gender-height {
    font-family: "urw-din", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 1.3;
  }
  /* line 937, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__brand-info {
    margin-top: 4px;
  }
  /* line 941, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__brand {
    font-family: "urw-din", sans-serif;
    font-size: 17px;
    color: #333333;
    line-height: 1.3;
  }
  /* line 948, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-pc-header__shop {
    font-size: 13px;
    color: #777777;
    line-height: 1.4;
  }
  /* line 956, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-profile {
    padding: 0;
  }
  /* line 959, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-profile__meta {
    font-size: 18px;
    font-weight: 600;
  }
  /* line 964, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-profile__bio-text {
    font-size: 16px;
  }
  /* line 970, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-profile__bio.is-collapsed .p-staff2026-profile__bio-text {
    max-height: none;
    overflow: visible;
  }
  /* line 975, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-profile__bio.is-collapsed .p-staff2026-expand-btn {
    display: none;
  }
  /* line 980, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-profile__tags {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  /* line 987, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-message__body {
    padding: 0;
  }
  /* line 991, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-message__body.is-collapsed .p-staff2026-message__text {
    max-height: none;
    overflow: visible;
  }
  /* line 996, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-message__body.is-collapsed .p-staff2026-expand-btn {
    display: none;
  }
  /* line 1003, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-section-title--m {
    padding: 40px 0 16px;
  }
  /* line 1008, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-section {
    padding: 0 40px 48px;
  }
  /* line 1012, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-section-title {
    padding: 56px 0 16px;
  }
  /* line 1015, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-section-title__en {
    font-size: 40px;
  }
  /* line 1021, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-coordinate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 1026, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-coordinate-grid .p-staff2026-coordinate-item--extra {
    display: block;
  }
  /* line 1031, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-coordinate-item {
    height: auto;
    aspect-ratio: 246 / 325;
  }
  /* line 1037, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-list .p-staff2026-staff-card--pc-extra {
    display: flex;
  }
  /* line 1042, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    padding: 0;
  }
  /* line 1049, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-card {
    padding: 16px 8px 16px 16px;
  }
  /* line 1052, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-card__avatar {
    width: 88px;
    height: 88px;
  }
  /* line 1057, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-card__name {
    font-size: 18px;
    font-weight: 700;
  }
  /* line 1062, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-card__brand {
    font-size: 15px;
  }
  /* line 1066, app/assets/stylesheets/object/project/staffs2026.scss */
  .p-staff2026-staff-card__shop {
    font-size: 13px;
  }
}

/* line 11, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-apparel2026-section-title__graphic--coordinates:not(img) {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
}

/* line 18, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinates2026-index {
  background-color: #f0f0f0;
}

/* line 21, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinates2026-index .p-apparel2026-section {
  padding: 0 16px 48px;
}

/* line 25, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinates2026-index .p-apparel2026-coordinate-grid {
  grid-template-columns: repeat(2, 1fr);
}

/* line 29, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinates2026-index .p-apparel2026-coordinate-item {
  height: auto;
  aspect-ratio: 3 / 4;
}

@media (min-width: 1024px) {
  /* line 36, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinates2026-index {
    flex: 1;
    min-width: 0;
  }
  /* line 40, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinates2026-index .p-apparel2026-section {
    padding: 0 40px 48px;
  }
  /* line 44, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinates2026-index .p-apparel2026-section-title {
    padding: 56px 0 16px;
  }
  /* line 47, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinates2026-index .p-apparel2026-section-title__en {
    font-size: 40px;
  }
  /* line 52, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinates2026-index .p-apparel2026-coordinate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 56, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinates2026-index .p-apparel2026-coordinate-item {
    aspect-ratio: 246 / 325;
  }
}

/* line 66, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026 {
  background-color: #f0f0f0;
  min-height: 100vh;
}

/* line 70, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026--apparel {
  --accent: #1acccc;
}

/* line 71, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026--merchandise {
  --accent: #d2bc00;
}

/* line 72, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026--nextage {
  --accent: #ff51ab;
}

/* line 78, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero {
  position: relative;
  height: 524px;
  overflow: hidden;
  background: #000;
}

/* line 84, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* line 97, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-carousel-outer {
  overflow: hidden;
}

/* line 103, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 4px;
}

/* line 109, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-pagination .slick-dots {
  position: static;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 120, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-pagination .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0;
}

/* line 125, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-pagination .slick-dots li button {
  width: 6px;
  height: 6px;
  padding: 0;
  background: #cccccc;
  border-radius: 50%;
  border: none;
  display: block;
}

/* line 134, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-pagination .slick-dots li button::before {
  display: none;
}

/* line 139, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-hero-pagination .slick-dots li.slick-active button {
  background: #333333;
}

/* line 149, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-staff {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 5px;
  margin: 8px 16px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}

/* line 163, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-meta {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 169, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-meta__date {
  font-family: "urw-din", sans-serif;
  font-size: 15px;
  color: #333333;
  line-height: 1.7;
}

/* line 176, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-meta__desc {
  position: relative;
}

/* line 180, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-meta__desc.is-collapsed .p-coordinate2026-meta__text {
  max-height: calc(1.7em * 5);
  overflow: hidden;
}

/* line 185, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-meta__desc.is-collapsed .p-staff2026-expand-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #f0f0f0;
  padding-left: 4px;
  margin-top: 0;
}

/* line 196, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-meta__text {
  font-size: 15px;
  font-weight: 300;
  color: #333333;
  line-height: 1.7;
}

/* line 207, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-items {
  display: flex;
  gap: 8px;
  padding: 0 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

/* line 215, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-items::-webkit-scrollbar {
  display: none;
}

/* line 218, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-item-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-decoration: none;
  flex-shrink: 0;
  width: 160px;
}

/* line 229, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-item-card__img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

/* line 236, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-item-card__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 242, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-item-card__name {
  font-size: 15px;
  font-weight: 300;
  color: #333333;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 252, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-item-card__size {
  font-family: "urw-din", sans-serif;
  font-size: 15px;
  color: #333333;
  line-height: 1.4;
}

/* line 259, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-item-card__price {
  font-family: "urw-din", sans-serif;
  font-size: 15px;
  color: #333333;
  line-height: 1.4;
}

/* line 270, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-wrap {
  display: flex;
  justify-content: center;
  padding: 12px 16px;
}

/* line 276, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  padding: 0 32px;
  background: var(--accent);
  border-radius: 100px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

/* line 293, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn__icon-off, .p-coordinate2026-like-btn__icon-on {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

/* line 301, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn__icon-off {
  display: block;
}

/* line 305, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn__icon-on {
  display: none;
}

/* line 309, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn.is-liked .p-coordinate2026-like-btn__icon-off {
  display: none;
}

/* line 313, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn.is-liked .p-coordinate2026-like-btn__icon-on {
  display: block;
}

/* line 317, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn.is-liked {
  opacity: 0.7;
}

/* line 321, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-like-btn:hover {
  opacity: 0.85;
}

/* line 330, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026 .p-apparel2026-coordinate-grid .p-apparel2026-coordinate-item--extra {
  display: none;
}

/* line 336, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026 .p-apparel2026-coordinate-item__like {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  bottom: 6px;
  right: 8px;
  width: 39px;
  pointer-events: none;
}

/* line 349, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026 .p-apparel2026-coordinate-item__like-count {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
}

/* line 362, app/assets/stylesheets/object/project/coordinates2026.scss */
.p-coordinate2026-pc-upper,
.p-coordinate2026-pc-left,
.p-coordinate2026-pc-right {
  display: block;
}

@media (min-width: 1024px) {
  /* line 372, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 {
    flex: 1;
    min-width: 0;
  }
  /* line 378, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-pc-upper {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    padding: 0 40px;
  }
  /* line 385, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-pc-left {
    flex-shrink: 0;
    width: 500px;
    position: sticky;
    top: 0;
    align-self: flex-start;
  }
  /* line 393, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-pc-right {
    flex: 1;
    min-width: 0;
    padding-top: 80px;
  }
  /* line 400, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero {
    height: 666px;
  }
  /* line 405, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 16px auto 0;
    padding: 0;
  }
  /* line 414, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-prev {
    order: 1;
  }
  /* line 415, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-dots {
    order: 2;
  }
  /* line 416, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-next {
    order: 3;
  }
  /* line 418, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-prev,
.p-coordinate2026-hero-pagination .slick-next {
    position: static !important;
    transform: none !important;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
  }
  /* line 433, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-prev::before,
.p-coordinate2026-hero-pagination .slick-next::before {
    display: none;
  }
  /* line 437, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-prev svg,
.p-coordinate2026-hero-pagination .slick-next svg {
    display: block;
    transition: opacity 0.15s;
  }
  /* line 442, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-prev.slick-disabled,
.p-coordinate2026-hero-pagination .slick-next.slick-disabled {
    opacity: 0.3;
    cursor: default;
  }
  /* line 448, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-dots {
    position: static !important;
    bottom: auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* line 459, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0;
  }
  /* line 464, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    background: #dddddd;
    border-radius: 50%;
    border: none;
    display: block;
  }
  /* line 473, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-dots li button::before {
    display: none;
  }
  /* line 478, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-hero-pagination .slick-dots li.slick-active button {
    background: #333333;
  }
  /* line 486, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-staff {
    margin: 0 0 16px;
    padding: 16px 8px 16px 16px;
    background: #ffffff;
    border-radius: 12px;
  }
  /* line 492, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-staff .p-staff2026-staff-card__avatar {
    width: 88px;
    height: 88px;
  }
  /* line 497, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-staff .p-staff2026-staff-card__name {
    font-size: 18px;
    font-weight: 700;
  }
  /* line 502, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-staff .p-staff2026-staff-card__brand {
    font-size: 15px;
  }
  /* line 506, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-staff .p-staff2026-staff-card__shop {
    font-size: 13px;
  }
  /* line 512, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-meta {
    padding: 0;
  }
  /* line 515, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-meta__date {
    font-size: 15px;
  }
  /* line 519, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-meta__text {
    font-size: 16px;
  }
  /* line 525, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-meta__desc.is-collapsed .p-coordinate2026-meta__text {
    max-height: none;
    overflow: visible;
  }
  /* line 530, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-meta__desc.is-collapsed .p-staff2026-expand-btn {
    display: none;
  }
  /* line 538, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 .p-staff2026-section {
    padding: 0 40px 48px;
  }
  /* line 542, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 .p-staff2026-section-title {
    padding: 56px 0 16px;
  }
  /* line 545, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 .p-staff2026-section-title__en {
    font-size: 40px;
  }
  /* line 552, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-items {
    overflow-x: visible;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
  }
  /* line 559, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-item-card {
    width: 190px;
    flex-shrink: 0;
  }
  /* line 563, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026-item-card__img {
    height: 190px;
  }
  /* line 570, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 .p-apparel2026-coordinate-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 574, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 .p-apparel2026-coordinate-item {
    height: auto;
    aspect-ratio: 246 / 325;
  }
  /* line 580, app/assets/stylesheets/object/project/coordinates2026.scss */
  .p-coordinate2026 .p-apparel2026-coordinate-grid .p-apparel2026-coordinate-item--extra {
    display: block;
  }
}

/* line 8, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-pc__main {
  background: #000000;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* line 18, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero {
  position: relative;
  height: 500px;
  overflow: hidden;
}

/* line 23, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__bg {
  position: absolute;
  inset: 0;
  background: url(/assets/soty2026_about_bg-8767c6be44f340eb9c2ad3171656331ea71ad42f3abfcc54402521db5cd6b1c1.webp) center top/cover no-repeat;
}

/* line 29, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

/* line 35, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__inner {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 120px;
  gap: 60px;
}

/* line 46, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.75px;
}

/* line 53, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 33.75px;
  font-weight: 500;
  letter-spacing: 1.875px;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
}

/* line 63, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__logo {
  width: 600px;
  height: 70.544px;
}

/* line 68, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__desc {
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  line-height: 2;
}

/* line 75, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-hero__desc-bold {
  font-weight: 600;
}

/* line 83, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-video {
  padding: 0 100px;
  margin-top: 40px;
}

/* line 87, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-video__inner {
  border-radius: 40px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  max-width: 864px;
  margin: 0 auto;
}

/* line 95, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-video__frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* line 106, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sections {
  display: flex;
  gap: 52px;
  padding: 0 40px 80px;
  align-items: flex-start;
}

/* line 112, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sections .p-about2026-section__text {
  height: 116px;
}

/* line 117, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section {
  flex: 1;
  min-width: 0;
}

/* line 121, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 80px;
  padding-bottom: 24px;
}

/* line 128, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section-title__graphic {
  flex-shrink: 0;
  width: 36px;
  height: 60px;
  background: linear-gradient(45deg, #ffffff 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: hard-light;
}

/* line 137, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section-title__text {
  display: flex;
  flex-direction: column;
}

/* line 142, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section-title__en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  margin-bottom: -4px;
}

/* line 152, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section-title__ja {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}

/* line 160, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 166, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section__text {
  font-size: 17px;
  color: #ffffff;
  line-height: 1.7;
}

/* line 172, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section__graphic {
  overflow: hidden;
  border-radius: 20px;
}

/* line 176, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-section__graphic-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 187, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp {
  background: #000000;
}

/* line 193, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero {
  position: relative;
  overflow: hidden;
  min-height: 534px;
}

/* line 199, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-bg {
  position: absolute;
  inset: 0;
  background: url(/assets/soty2026_about_bg-8767c6be44f340eb9c2ad3171656331ea71ad42f3abfcc54402521db5cd6b1c1.webp) center top/cover no-repeat;
}

/* line 205, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

/* line 211, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 120px 16px 32px;
  gap: 32px;
}

/* line 221, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

/* line 228, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-label {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
}

/* line 238, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-logo {
  width: 320px;
  height: 37.624px;
}

/* line 243, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-desc {
  font-size: 14px;
  color: #ffffff;
  line-height: 2;
  text-align: center;
  max-width: 330px;
}

/* line 251, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__hero-desc-bold {
  font-weight: 600;
}

/* line 258, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__video {
  margin: -74px auto 0;
  width: 361px;
  max-width: calc(100% - 32px);
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  position: relative;
  z-index: 2;
}

/* line 269, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__video-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* line 279, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.5em;
}

/* line 286, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 56px 16px 16px;
  width: 100%;
}

/* line 294, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-title-graphic {
  flex-shrink: 0;
  width: 28px;
  height: 50px;
  background: linear-gradient(45deg, #ffffff 0%, #8c59ff 100%);
  clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
  mix-blend-mode: hard-light;
}

/* line 303, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-title-text {
  display: flex;
  flex-direction: column;
}

/* line 308, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-title-en {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  margin-bottom: -4px;
}

/* line 318, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-title-ja {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

/* line 325, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-text {
  font-size: 14px;
  color: #ffffff;
  line-height: 1.7;
  width: 361px;
  max-width: calc(100% - 32px);
}

/* line 333, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-graphic {
  border-radius: 12px;
  width: 361px;
  max-width: calc(100% - 32px);
  margin-top: 40px;
  overflow: hidden;
}

/* line 340, app/assets/stylesheets/object/project/about2026.scss */
.p-about2026-sp__section-graphic-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 7, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026 {
  background-color: #f0f0f0;
  min-height: 100vh;
  padding: calc(76px + env(safe-area-inset-top)) 0 calc(48px + env(safe-area-inset-bottom));
}

/* line 17, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}

/* line 27, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-featured {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px;
  text-decoration: none;
  color: inherit;
}

/* line 35, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-featured__img {
  width: 100%;
  height: 203px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* line 43, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-featured__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 49, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-featured__title {
  font-size: 15px;
  font-weight: 300;
  color: #333333;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* line 60, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-featured__date {
  font-size: 13px;
  color: #777777;
  font-family: "urw-din", sans-serif;
}

/* line 70, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-item {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0 16px;
  text-decoration: none;
  color: inherit;
}

/* line 78, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-item.is-hidden {
  display: none;
}

/* line 82, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-item__img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
  display: block;
}

/* line 91, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-item__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 99, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-item__title {
  font-size: 15px;
  font-weight: 300;
  color: #333333;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* line 110, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-item__date {
  font-size: 13px;
  color: #777777;
  font-family: "urw-din", sans-serif;
}

/* line 120, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-more {
  display: flex;
  justify-content: center;
  padding: 0 16px 8px;
}

/* line 126, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 32px;
  background: #ffffff;
  border: none;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  white-space: nowrap;
}

/* line 142, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-more-btn.is-hidden {
  display: none;
}

/* line 150, app/assets/stylesheets/object/project/news2026.scss */
.p-news2026-pc-title {
  display: none;
}

@media (min-width: 1024px) {
  /* line 158, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026 {
    flex: 1;
    min-width: 0;
    padding: 0 0 80px;
  }
  /* line 165, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-pc-title {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 80px 32px 24px;
  }
  /* line 171, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-pc-title__graphic {
    width: 36px;
    height: 64px;
    flex-shrink: 0;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, #8c59ff 100%);
    clip-path: polygon(100% 0%, 0% 55.6%, 0% 100%, 100% 44.5%);
    mix-blend-mode: multiply;
  }
  /* line 180, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-pc-title__texts {
    display: flex;
    flex-direction: column;
  }
  /* line 185, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-pc-title__en {
    font-family: "urw-din", "Helvetica Neue", sans-serif;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    line-height: 1;
    margin-bottom: -4px;
  }
  /* line 195, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-pc-title__ja {
    font-size: 15px;
    font-weight: 600;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
    color: #333333;
    line-height: 1.5;
  }
  /* line 205, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
    padding: 0 32px 48px;
  }
  /* line 213, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-featured {
    flex-direction: column;
    gap: 8px;
    padding: 0;
  }
  /* line 218, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-featured.is-hidden {
    display: none;
  }
  /* line 221, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-featured__img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
  }
  /* line 228, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-featured__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  /* line 234, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-featured__title {
    font-size: 15px;
  }
  /* line 238, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-featured__date {
    text-align: right;
  }
  /* line 244, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-item {
    flex-direction: column;
    gap: 8px;
    padding: 0;
    align-items: flex-start;
  }
  /* line 250, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-item__img {
    width: 100%;
    height: 175px;
    border-radius: 12px;
  }
  /* line 256, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-item__body {
    flex: none;
    width: 100%;
    gap: 8px;
  }
  /* line 262, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-item__date {
    text-align: right;
  }
  /* line 268, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-more {
    padding: 0 32px 48px;
    justify-content: center;
  }
  /* line 273, app/assets/stylesheets/object/project/news2026.scss */
  .p-news2026-more-btn {
    height: 60px;
    padding: 0 40px;
    font-size: 17px;
    font-weight: 600;
  }
}

/* line 5, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026 {
  position: relative;
  background-color: #f0f0f0;
  min-height: 100vh;
}

/* line 10, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: calc(72px + env(safe-area-inset-top)) 40px 64px 16px;
}

/* line 17, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__head {
  margin-bottom: 24px;
}

/* line 21, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__sub {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #AAAAAA;
  margin: 0 0 4px;
}

/* line 30, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__title {
  font-size: 22px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #333333;
  margin: 0;
}

/* line 39, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search {
  margin: 20px 0 28px;
}

/* line 43, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-form {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

/* line 50, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-field {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  background: #ffffff;
  border-radius: 100px;
  border: 1px solid #e0e0e0;
}

/* line 63, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 0.5;
}

/* line 70, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #333333;
}

/* line 80, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-input::placeholder {
  color: #aaaaaa;
}

/* line 85, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-clear {
  flex-shrink: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

/* line 97, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-clear svg {
  display: block;
}

/* line 101, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-btn {
  flex-shrink: 0;
  height: 32px;
  padding: 0 20px;
  border: none;
  border-radius: 100px;
  background: #8c59ff;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  cursor: pointer;
  transition: background 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}

/* line 116, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__search-btn:disabled {
  background: #cccccc;
  cursor: default;
}

/* line 123, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__filters {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

/* line 129, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__filter {
  height: 32px;
  padding: 0 18px;
  border: 1px solid #d5d5d5;
  border-radius: 100px;
  background: #ffffff;
  color: #777777;
  font-size: 13px;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  cursor: pointer;
  transition: all 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}

/* line 144, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__filter.is-active {
  background: #8c59ff;
  border-color: #8c59ff;
  color: #ffffff;
}

/* line 151, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__filter.is-active[data-division="apparel"] {
  background: #1acccc;
  border-color: #1acccc;
}

/* line 156, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__filter.is-active[data-division="merchandise"] {
  background: #d2bc00;
  border-color: #d2bc00;
}

/* line 162, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__no-results {
  text-align: center;
  color: #777777;
  font-size: 14px;
  padding: 48px 0;
  margin: 0;
}

/* line 171, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__group {
  scroll-margin-top: calc(64px + env(safe-area-inset-top));
  margin-bottom: 32px;
}

/* line 176, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__group-title {
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  line-height: 1;
  padding-bottom: 8px;
  margin: 0 0 16px;
  border-bottom: 2px solid #AAAAAA;
}

/* line 187, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
  gap: 20px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 196, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__item {
  display: flex;
}

/* line 200, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

/* line 210, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__item-logo {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

/* line 221, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__item-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 228, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__item-name {
  font-size: 11px;
  font-weight: 500;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  color: #333333;
  text-align: center;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* line 244, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__index {
  position: fixed;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 8px 4px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 100px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* line 262, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__index-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 17px;
  font-family: "urw-din", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #8c59ff;
  text-decoration: none;
}

/* line 275, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__index-link.is-empty, .p-brands2026__index-link.is-disabled {
  color: #cccccc;
  pointer-events: none;
}

/* line 283, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026[data-active-division="apparel"] .p-brands2026__index-link:not(.is-empty):not(.is-disabled) {
  color: #1acccc;
}

/* line 287, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026[data-active-division="merchandise"] .p-brands2026__index-link:not(.is-empty):not(.is-disabled) {
  color: #d2bc00;
}

/* line 291, app/assets/stylesheets/object/project/brands2026.scss */
.p-brands2026__item-link:hover .p-brands2026__item-logo {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

@media (min-width: 1024px) {
  /* line 5, app/assets/stylesheets/object/project/brands2026.scss */
  .p-brands2026 {
    flex: 1;
    min-width: 0;
  }
  /* line 301, app/assets/stylesheets/object/project/brands2026.scss */
  .p-brands2026__inner {
    padding-top: 48px;
    padding-right: 56px;
  }
  /* line 306, app/assets/stylesheets/object/project/brands2026.scss */
  .p-brands2026__list {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  /* line 311, app/assets/stylesheets/object/project/brands2026.scss */
  .p-brands2026__search-field, .p-brands2026__search-btn, .p-brands2026__filter {
    height: 40px;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-black {
  background: #333333;
}

/* line 12, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-light-gray {
  background: #f5f5f4 !important;
}

/* line 15, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-light-green {
  background: #f6ffee;
}

/* line 18, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-black-gradation {
  background: linear-gradient(0deg, black 0%, #464646 100%);
}

/* line 20, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-black-gradation.u-bg-black-gradation--red {
  position: relative;
  z-index: -2;
}

/* line 23, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-black-gradation.u-bg-black-gradation--red::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.2;
  background: linear-gradient(107.26deg, #FFBC01 0%, #FF3574 100%);
}

/* line 37, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-yellow-purple-gradation {
  background: linear-gradient(135deg, #e4a972 0%, #9941d8 100%);
}

/* line 41, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-yellow-red-gradation-thin {
  background: linear-gradient(135deg, #ffbc01 0%, rgba(255, 53, 116, 0.597076) 60%, rgba(255, 53, 116, 0) 100%);
}

/* line 44, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-white-thin {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.104079) 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 47, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-white-gradation {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.200718) 50%, rgba(255, 255, 255, 0) 100%);
}

/* line 50, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-img-gradation {
  background-image: url(/assets/second_stage_bg-b137efc605cd4a37555e2ecc4104ed767bddf4c91e63fbfa817858be08edd961.jpg);
  position: relative;
  width: 100%;
  z-index: 0;
}

/* line 55, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-img-gradation::before, .u-bg-img-gradation::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 65, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-img-gradation::before {
  z-index: -1;
  background: linear-gradient(135deg, #e4a972 0%, rgba(153, 65, 216, 0.597076) 60%, rgba(153, 65, 216, 0) 100%);
  opacity: 0.6;
}

/* line 70, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-img-gradation::after {
  z-index: -2;
  background: linear-gradient(0deg, black 0%, #464646 100%);
  opacity: 0.7;
}

/* line 75, app/assets/stylesheets/object/utility/_color.scss */
.u-bg-light-red-gradation {
  background: linear-gradient(107.26deg, rgba(255, 188, 1, 0.3) 0%, rgba(255, 53, 116, 0.3) 59.42%, rgba(255, 53, 116, 0) 100%);
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 83, app/assets/stylesheets/object/utility/_color.scss */
  .u-bg-light-red-gradation {
    background: linear-gradient(90deg, rgba(255, 188, 1, 0) 0%, rgba(255, 188, 1, 0.3) 10%, rgba(255, 53, 116, 0.3) 90%, rgba(255, 53, 116, 0) 100%);
  }
}

@media (min-width: 1024px) {
  /* line 92, app/assets/stylesheets/object/utility/_color.scss */
  .u-bg-light-red-gradation {
    background: linear-gradient(90deg, rgba(255, 188, 1, 0) 0%, rgba(255, 188, 1, 0.3) 10%, rgba(255, 53, 116, 0.3) 90%, rgba(255, 53, 116, 0) 100%);
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/utility/_display.scss */
.u-display-sp {
  display: none;
}

/* line 12, app/assets/stylesheets/object/utility/_display.scss */
.u-display-pc {
  display: none;
}

/* line 15, app/assets/stylesheets/object/utility/_display.scss */
.u-display-contents-pc {
  display: contents;
}

/* line 18, app/assets/stylesheets/object/utility/_display.scss */
.u-display-inline {
  display: inline-block;
}

/* line 21, app/assets/stylesheets/object/utility/_display.scss */
.u-display-block {
  display: block;
}

/* line 24, app/assets/stylesheets/object/utility/_display.scss */
.u-display-tb-block {
  display: block;
}

@media (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-sp {
    display: none;
  }
  /* line 34, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-pc {
    display: block;
  }
  /* line 37, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-contents-pc {
    display: block;
  }
  /* line 40, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-contents-sp {
    display: contents;
  }
  /* line 43, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-tb-block {
    display: inline-block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 52, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-sp {
    display: none;
  }
  /* line 55, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-pc {
    display: block;
  }
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-sp {
    display: block;
  }
  /* line 67, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-pc {
    display: none;
  }
  /* line 70, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-tb-block {
    display: inline-block;
  }
}

/* line 9, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-02 {
  margin-top: 0.2rem;
}

/* line 12, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-05 {
  margin-top: 0.5rem;
}

/* line 15, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-1 {
  margin-top: 1rem;
}

/* line 18, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-1_5 {
  margin-top: 1.5rem;
}

/* line 21, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-2 {
  margin-top: 2rem;
}

/* line 24, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-3 {
  margin-top: 3rem;
}

/* line 27, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-4 {
  margin-top: 4rem;
}

/* line 30, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-5 {
  margin-top: 5rem;
}

/* line 33, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-6 {
  margin-top: 6rem;
}

/* line 36, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-7 {
  margin-top: 7rem;
}

/* line 39, app/assets/stylesheets/object/utility/_margin.scss */
.u-mt-8 {
  margin-top: 8rem;
}

/* line 44, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-02 {
  margin-bottom: 0.2rem;
}

/* line 47, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-05 {
  margin-bottom: 0.5rem;
}

/* line 50, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-1 {
  margin-bottom: 1rem;
}

/* line 53, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-2 {
  margin-bottom: 2rem;
}

/* line 56, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-3 {
  margin-bottom: 3rem;
}

/* line 59, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-4 {
  margin-bottom: 4rem;
}

/* line 62, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-5 {
  margin-bottom: 5rem;
}

/* line 65, app/assets/stylesheets/object/utility/_margin.scss */
.u-mb-6 {
  margin-bottom: 6rem;
}

/* line 70, app/assets/stylesheets/object/utility/_margin.scss */
.u-my-03 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

/* line 74, app/assets/stylesheets/object/utility/_margin.scss */
.u-my-05 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 80, app/assets/stylesheets/object/utility/_margin.scss */
.u-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 9, app/assets/stylesheets/object/utility/_padding.scss */
.u-pt-1 {
  padding-top: 1rem;
}

/* line 12, app/assets/stylesheets/object/utility/_padding.scss */
.u-pt-1_5 {
  padding-top: 1.5rem;
}

/* line 15, app/assets/stylesheets/object/utility/_padding.scss */
.u-pt-2 {
  padding-top: 2rem;
}

/* line 18, app/assets/stylesheets/object/utility/_padding.scss */
.u-pt-3 {
  padding-top: 3rem;
}

/* line 21, app/assets/stylesheets/object/utility/_padding.scss */
.u-pt-5 {
  padding-top: 5rem;
}

/* line 26, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-0 {
  padding-bottom: 0rem;
}

/* line 29, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-05 {
  padding-bottom: 0.5rem;
}

/* line 32, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-1 {
  padding-bottom: 1rem;
}

/* line 35, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-2 {
  padding-bottom: 2rem;
}

/* line 38, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-3 {
  padding-bottom: 3rem;
}

/* line 41, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-4 {
  padding-bottom: 4rem;
}

/* line 44, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-5 {
  padding-bottom: 5rem;
}

/* line 47, app/assets/stylesheets/object/utility/_padding.scss */
.u-pb-7 {
  padding-bottom: 7rem;
}

/* line 52, app/assets/stylesheets/object/utility/_padding.scss */
.u-pl-05 {
  padding-left: 0.5rem;
}

/* line 55, app/assets/stylesheets/object/utility/_padding.scss */
.u-pl-2 {
  padding-left: 2rem;
}

/* line 60, app/assets/stylesheets/object/utility/_padding.scss */
.u-pr-05 {
  padding-right: 0.5rem;
}

/* line 63, app/assets/stylesheets/object/utility/_padding.scss */
.u-pr-2 {
  padding-right: 2rem;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 10, app/assets/stylesheets/object/utility/_text.scss */
.u-text-bold {
  font-weight: bold;
}

/* line 13, app/assets/stylesheets/object/utility/_text.scss */
.u-text-weight300 {
  font-weight: 300;
}

/* line 16, app/assets/stylesheets/object/utility/_text.scss */
.u-text-weight600 {
  font-weight: 600;
}

/* line 21, app/assets/stylesheets/object/utility/_text.scss */
.u-text-xs {
  font-size: 0.8rem;
}

/* line 24, app/assets/stylesheets/object/utility/_text.scss */
.u-text-ms {
  font-size: 1rem;
}

/* line 27, app/assets/stylesheets/object/utility/_text.scss */
.u-text-s {
  font-size: 1.2rem;
}

/* line 30, app/assets/stylesheets/object/utility/_text.scss */
.u-text-m {
  font-size: 1.4rem;
}

/* line 33, app/assets/stylesheets/object/utility/_text.scss */
.u-text-ml {
  font-size: 1.8rem;
}

/* line 36, app/assets/stylesheets/object/utility/_text.scss */
.u-text-l {
  font-size: 2rem;
}

/* line 39, app/assets/stylesheets/object/utility/_text.scss */
.u-text-xl {
  font-size: 2.4rem;
}

/* line 44, app/assets/stylesheets/object/utility/_text.scss */
.u-text-center {
  text-align: center;
}

/* line 49, app/assets/stylesheets/object/utility/_text.scss */
.u-text-light-black {
  color: #4f4f4f;
}

/* line 52, app/assets/stylesheets/object/utility/_text.scss */
.u-text-gray {
  color: #828282;
}

/* line 55, app/assets/stylesheets/object/utility/_text.scss */
.u-text-white {
  color: #ffffff;
}

/* line 58, app/assets/stylesheets/object/utility/_text.scss */
.u-text-brack {
  color: #333333;
}

/* line 62, app/assets/stylesheets/object/utility/_text.scss */
.u-text-pink {
  color: #ee4e4f;
}

/* line 66, app/assets/stylesheets/object/utility/_text.scss */
.u-text-orange {
  color: #ff7301;
}

/* line 69, app/assets/stylesheets/object/utility/_text.scss */
.u-text-medium-black {
  color: #575756;
}

/* line 72, app/assets/stylesheets/object/utility/_text.scss */
.u-text-true-black {
  color: #000000;
}

/* line 76, app/assets/stylesheets/object/utility/_text.scss */
.u-text-gold-gradation {
  background: linear-gradient(90deg, #f2d390 0%, #f2d390 25%, #c3a462 50%, #f2d390 75%, #c1a059 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 87, app/assets/stylesheets/object/utility/_text.scss */
.u-text-gold-gradation .u-text-gold-gradation__font-big {
  font-size: 2.4rem;
}

/* line 91, app/assets/stylesheets/object/utility/_text.scss */
.u-text-yellow-purple-gradation {
  background: linear-gradient(159deg, #ffbc01 0%, #ff3574 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 101, app/assets/stylesheets/object/utility/_text.scss */
.u-text-gold-shadow {
  text-shadow: 0 0 10px #ffff00, 0 0 10px #ffffaa, 0 0 10px #a52a2a, 0 0 10px #800080;
}

/* line 107, app/assets/stylesheets/object/utility/_text.scss */
.u-text-underline {
  text-decoration: underline 1px #89c666;
}

/* line 112, app/assets/stylesheets/object/utility/_text.scss */
.u-text-break-none {
  word-break: normal;
  white-space: nowrap;
}

/* line 118, app/assets/stylesheets/object/utility/_text.scss */
.u-text-right {
  text-align: right;
}

/* line 123, app/assets/stylesheets/object/utility/_text.scss */
.u-text-en {
  font-family: "futura-pt", sans-serif;
}

/* line 128, app/assets/stylesheets/object/utility/_text.scss */
.u-text-height-narrow {
  line-height: 1.2;
}

/* line 132, app/assets/stylesheets/object/utility/_text.scss */
.u-text-highlight {
  position: relative;
  display: inline;
  font-weight: 600;
  padding: 0 0 0.3rem;
  background: linear-gradient(to bottom, transparent 45%, #F8FF22 45%, #F8FF22 100%);
  box-decoration-break: clone;
}

/* line 145, app/assets/stylesheets/object/utility/_text.scss */
.u-text-highlight::before, .u-text-highlight::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("yellow-highlighter.svg");
  background-repeat: no-repeat;
  z-index: -1;
}

/* line 155, app/assets/stylesheets/object/utility/_text.scss */
.u-text-highlight::before {
  left: 0.1rem;
  bottom: -0.33em;
  margin-left: -1rem;
}

/* line 161, app/assets/stylesheets/object/utility/_text.scss */
.u-text-highlight::after {
  right: 0.1rem;
  bottom: -0.33em;
  margin-right: -1rem;
  transform: scale(-1, -1);
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 175, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-gold-gradation .u-text-gold-gradation__font-big {
    font-size: 3rem;
  }
}

@media (min-width: 1024px) {
  /* line 187, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-xs {
    font-size: 1.1rem;
  }
  /* line 190, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-s {
    font-size: 1.4rem;
  }
  /* line 193, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-m {
    font-size: 1.5rem;
  }
  /* line 196, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-l {
    font-size: 2.4rem;
  }
  /* line 199, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-xl {
    font-size: 3rem;
  }
  /* line 202, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-xxl {
    font-size: 4rem;
  }
  /* line 206, app/assets/stylesheets/object/utility/_text.scss */
  .u-text-gold-gradation .u-text-gold-gradation__font-big {
    font-size: 4rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 68, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
  background-color: var(--page-bg, #fff);
}

/* line 76, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body {
  color: #333333;
  font-size: 1.6rem;
  font-family: "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  background-color: var(--page-bg, #fff);
  overflow-x: hidden;
  font-weight: 300;
}

/* line 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
body.active {
  overflow: hidden;
  height: 100%;
}

/* line 95, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

/* line 107, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
img {
  vertical-align: bottom;
}

/* line 111, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
button {
  border: none;
}

/* line 115, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
label {
  white-space: pre-line;
}

/* line 119, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
input {
  border: none;
}

@media (max-width: 767px) {
  /* line 123, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.pc-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 129, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  br.sp-only {
    display: none;
  }
}

@media (min-width: 1024px) {
  /* line 139, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
  body {
    font-size: 1.8rem;
  }
}

/* line 9, app/assets/stylesheets/object/utility/_border.scss */
.u-border-green {
  border: 2px solid #89c666;
}

/* line 1, app/assets/stylesheets/upload_videos/_upload_video.scss */
.component-description {
  background-color: #f4f4f4;
  margin: 16px 0;
  padding: 24px 16px;
}

/* line 7, app/assets/stylesheets/upload_videos/_upload_video.scss */
.component-description p.description-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 13, app/assets/stylesheets/upload_videos/_upload_video.scss */
.component-description p.text {
  font-size: 12px;
  line-height: 24px;
}

/* line 18, app/assets/stylesheets/upload_videos/_upload_video.scss */
.component-description p.annotation {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}

/* line 24, app/assets/stylesheets/upload_videos/_upload_video.scss */
.component-description p.annotation-red {
  color: #ff5a62;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}

/* line 33, app/assets/stylesheets/upload_videos/_upload_video.scss */
.staff-card-component-for-form {
  display: table;
  width: 100%;
  padding-top: 32px;
}

/* line 38, app/assets/stylesheets/upload_videos/_upload_video.scss */
.staff-card-component-for-form .data {
  display: table-cell;
  vertical-align: middle;
  padding-left: 32px;
}

/* line 43, app/assets/stylesheets/upload_videos/_upload_video.scss */
.staff-card-component-for-form .data .label span {
  font-size: 18px;
  color: #828282;
  font-weight: 600;
}

/* line 49, app/assets/stylesheets/upload_videos/_upload_video.scss */
.staff-card-component-for-form .data .name span {
  font-size: 32px;
  font-weight: 600;
}

/* line 55, app/assets/stylesheets/upload_videos/_upload_video.scss */
.staff-card-component-for-form .icon {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
  padding-right: 32px;
}

/* line 61, app/assets/stylesheets/upload_videos/_upload_video.scss */
.staff-card-component-for-form .icon img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  vertical-align: top;
  border: 1px solid #e7e7e7;
}

/* 点線(4方向) */
/* line 73, app/assets/stylesheets/upload_videos/_upload_video.scss */
.message-component-dotted {
  padding: 16px;
  margin: 24px 32px 40px;
  background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px), linear-gradient(to bottom, #000, #000 2px, transparent 2px, transparent 8px), linear-gradient(to left, #000, #000 2px, transparent 2px, transparent 8px), linear-gradient(to top, #000, #000 2px, transparent 2px, transparent 8px);
  /* 左の線 */
  background-size: 8px 2px, 2px 8px, 8px 2px, 2px 8px;
  /* 左の線 */
  background-position: left top, right top, right bottom, left bottom;
  /* 左の線 */
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  /* 左の線 */
  font-size: 14px;
}

/* line 100, app/assets/stylesheets/upload_videos/_upload_video.scss */
.message-component-dotted p.bold {
  font-weight: 600;
}

/* line 105, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-profile-form-group {
  margin: 16px 0;
}

/* line 109, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line label {
  display: block;
  font-size: 14px;
  padding: 10px 0;
}

/* line 115, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line input[type="text"],
.upload-profile-form-group .upload-profile-form-line select {
  width: 100%;
  background-color: #f4f4f4;
  height: 40px;
  border-radius: 2vw;
  border: none;
  padding: 0 8px;
}

/* line 125, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line textarea {
  width: 100%;
  background-color: #f4f4f4;
  height: 50vw;
  border-radius: 5vw;
  border: none;
  padding: 16px;
}

/* line 134, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-profile-form-group .upload-profile-form-line .profile-tag-checkbox label {
  display: flex;
  gap: 0.7rem;
}

/* line 142, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-container,
.upload-profile-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* video_btn_style */
/* line 150, app/assets/stylesheets/upload_videos/_upload_video.scss */
.button-upload-video-btn {
  background: #fff;
  padding: 10px;
  border-radius: 25px;
  margin-top: 10px;
  font-weight: bold;
}

@media (max-width: 767px) {
  /* line 159, app/assets/stylesheets/upload_videos/_upload_video.scss */
  .upload-video-container,
.upload-profile-container {
    padding: 0 16px;
  }
}

/* line 165, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-heading {
  font-size: 16px;
  font-weight: 600;
}

/* line 170, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-form-group {
  text-align: center;
}

/* line 174, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-form-submit {
  margin: 3rem 0;
  text-align: center;
}

/* line 179, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-file-name-area {
  text-align: center;
}

/* line 183, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-input {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  cursor: pointer;
}

/* line 193, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-video-label {
  color: #000;
  display: inline-block;
  padding: 32px 1rem;
  position: relative;
  border-radius: 16px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin: 32px auto;
  background-color: #f4f4f4;
}

/* line 206, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-submit {
  cursor: pointer;
  border-radius: 100px;
  width: 250px;
  margin: auto;
  padding: 24px;
  box-sizing: border-box;
  font-size: 0.8rem;
  font-weight: bold;
  background: #ffc700;
  border: none;
  color: #000;
}

/* line 219, app/assets/stylesheets/upload_videos/_upload_video.scss */
.upload-submit:disabled {
  background-color: #e0e0e0 !important;
  color: #fff;
}

/* line 225, app/assets/stylesheets/upload_videos/_upload_video.scss */
#loading {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

/* line 235, app/assets/stylesheets/upload_videos/_upload_video.scss */
.spinner-wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 242, app/assets/stylesheets/upload_videos/_upload_video.scss */
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #0000ee solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}

/* line 257, app/assets/stylesheets/upload_videos/_upload_video.scss */
p.theme {
  font-size: 16px;
}

/* line 261, app/assets/stylesheets/upload_videos/_upload_video.scss */
.video-preview-area video {
  height: 150px;
  margin: 24px 0;
}

/* line 266, app/assets/stylesheets/upload_videos/_upload_video.scss */
.inquiry-form-area {
  border-top: 2px dashed #000;
  margin-top: 32px;
  padding: 16px;
}

/* line 271, app/assets/stylesheets/upload_videos/_upload_video.scss */
.inquiry-form-area .inquiry-button {
  margin-top: 16px;
}