@charset "UTF-8";
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/layout/../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/layout/../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 .c-card-judge__img {
  width: 100%;
  max-width: 200px;
}

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

/* line 82, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge .c-card-judge__text {
  padding-top: 1rem;
}

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

/* line 88, app/assets/stylesheets/object/component/_card.scss */
.c-card-judge .c-card-judge__text .c-card-judge__text-name {
  padding-top: 0.3rem;
  font-size: 1.6rem;
  font-weight: bold;
}

/* line 96, 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 103, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__img {
  width: 48px;
}

/* line 106, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__img--big {
  width: 5.6rem;
}

/* line 109, 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 114, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-row .c-card-ranking-row__center {
  width: calc(82% - 10rem);
}

/* line 117, 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 123, 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 131, 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 141, 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 152, 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 163, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-item {
  display: flex;
  align-items: center;
}

/* line 167, 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 174, app/assets/stylesheets/object/component/_card.scss */
.c-card-ranking-point-item__point--small {
  font-size: 1.4rem;
}

/* line 178, 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: 769px) and (max-width: 1023px) {
  /* line 178, app/assets/stylesheets/object/component/_card.scss */
  .c-card-ranking-point-item--img-point-status {
    width: 20px;
    height: 20px;
  }
}

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

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

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

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: linear-gradient(94.62deg, #00bbff 0%, #5ae100 100%);
}

/* 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 247, app/assets/stylesheets/object/component/_title.scss */
  .c-title-img {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 1.5rem;
  }
  /* line 253, 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 257, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-inner::before {
    left: 2rem;
    bottom: 0;
  }
  /* line 262, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__icon {
    max-width: 43px;
    bottom: -0.5rem;
  }
  /* line 266, 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 270, 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 277, 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 282, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation {
    padding: 2rem 4vw 1.5rem;
  }
  /* line 284, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__sub-text {
    font-size: 1.6rem;
  }
  /* line 287, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__main-text {
    padding-top: 0.5rem;
    font-size: 2.6rem;
  }
}

@media (min-width: 1024px) {
  /* line 301, app/assets/stylesheets/object/component/_title.scss */
  .c-title-section {
    padding-left: inherit;
  }
  /* line 303, app/assets/stylesheets/object/component/_title.scss */
  .c-title-section .c-title-section__sub-title {
    font-size: 1.6rem;
  }
  /* line 306, app/assets/stylesheets/object/component/_title.scss */
  .c-title-section .c-title-section__title {
    font-size: 2.8rem;
  }
  /* line 310, app/assets/stylesheets/object/component/_title.scss */
  .c-title-border {
    gap: 3rem;
  }
  /* line 312, app/assets/stylesheets/object/component/_title.scss */
  .c-title-border .c-title-border__text {
    font-size: 3.2rem;
  }
  /* line 316, app/assets/stylesheets/object/component/_title.scss */
  .c-title-sub-title {
    font-size: 1.8rem;
  }
  /* line 318, app/assets/stylesheets/object/component/_title.scss */
  .c-title-sub-title .c-title-sub-title__box {
    gap: 1rem;
  }
  /* line 322, app/assets/stylesheets/object/component/_title.scss */
  .c-title-img {
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 1.5rem;
  }
  /* line 328, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__sub-inner {
    padding-left: 2rem;
  }
  /* line 331, app/assets/stylesheets/object/component/_title.scss */
  .c-title-bg-img .c-title-bg-img__icon {
    max-width: 43px;
    bottom: -0.5rem;
  }
  /* line 335, 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 339, 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 346, 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 351, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  /* line 354, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__sub-text {
    font-size: 1.8rem;
  }
  /* line 357, app/assets/stylesheets/object/component/_title.scss */
  .c-title-gradation .c-title-gradation__main-text {
    padding-top: 0.5rem;
    font-size: 3.5rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/component/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/component/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 11, 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 18, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__inner {
  max-width: 1050px;
  margin: 0 auto;
}

/* line 23, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__item {
  width: 74.93vw;
  height: 100%;
  overflow: hidden;
  margin-right: 2rem;
}

/* line 28, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__item:last-of-type {
  margin-right: inherit;
}

/* line 31, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__item img {
  width: 100%;
}

/* line 36, app/assets/stylesheets/object/project/_news.scss */
.p-news .p-news__btn {
  margin: 0 auto;
}

/* line 41, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice {
  width: 100%;
  max-width: 1020px;
  margin-top: 2rem;
}

/* line 45, app/assets/stylesheets/object/project/_news.scss */
.p-news-notice .p-news-notice__inner {
  color: #ffffff;
  padding: 2rem;
}

/* line 49, 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 56, 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 61, 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 74, 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: 769px) and (max-width: 1023px) {
  /* line 88, app/assets/stylesheets/object/project/_news.scss */
  .p-news .p-news__inner {
    width: 90%;
  }
}

@media (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/object/project/_news.scss */
  .p-news .p-news__item {
    max-width: 27rem;
    margin-right: 4rem;
  }
  /* line 107, app/assets/stylesheets/object/project/_news.scss */
  .p-news-notice {
    margin-top: 3rem;
  }
  /* line 109, app/assets/stylesheets/object/project/_news.scss */
  .p-news-notice .p-news-notice__bg {
    padding: 1.5rem;
  }
  /* line 112, app/assets/stylesheets/object/project/_news.scss */
  .p-news-notice .p-news-notice__text {
    font-size: 1.6rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 83, 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 89, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__title {
  margin-top: 0.8rem;
  color: #ffffff;
}

/* line 93, 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 99, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 3.5vw;
  padding: 4rem 1.8rem;
}

/* line 105, app/assets/stylesheets/object/project/_page.scss */
.p-page-judge .p-page-judge__contents {
  width: calc((100% - 3.5vw) / 2);
}

/* line 109, 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 116, app/assets/stylesheets/object/project/_page.scss */
.p-page-vote img {
  display: block;
  width: 100%;
  height: auto;
}

/* line 121, app/assets/stylesheets/object/project/_page.scss */
.p-page-vote .p-page-vote__img {
  max-width: clamp(50px, 12vw, 70px);
  width: 100%;
}

/* line 125, 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 132, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage {
  width: 100%;
}

/* line 134, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__text {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

/* line 138, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__inner {
  max-width: 769px;
}

/* line 141, 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 146, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__inner-btm {
  padding-right: 2rem;
  padding-top: 2rem;
}

/* line 150, 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 159, app/assets/stylesheets/object/project/_page.scss */
.p-page-second-stage .p-page-second-stage__search-button img {
  width: 100%;
  height: auto;
}

/* line 165, app/assets/stylesheets/object/project/_page.scss */
.p-page-final-result-title {
  margin-top: 2rem;
  padding: 0;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 177, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__text {
    margin-left: -5rem;
  }
  /* line 180, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__img-text {
    margin-left: -5vw;
  }
  /* line 183, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__sub-text {
    font-size: 1.6rem;
    padding-top: 1.5rem;
  }
  /* line 189, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__text-box {
    font-size: 1.6rem;
  }
  /* line 192, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__wrapper {
    gap: 2rem;
    padding: 4rem 2rem;
  }
  /* line 196, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__contents {
    width: calc((100% - 6rem) / 4);
  }
  /* line 201, 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 205, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__text {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
  /* line 209, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner {
    max-width: 940px;
  }
  /* line 212, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner-btm {
    padding-top: 3.5rem;
  }
  /* line 215, 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 221, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final-result-title {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  /* line 231, app/assets/stylesheets/object/project/_page.scss */
  .p-page-title {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 234, app/assets/stylesheets/object/project/_page.scss */
  .p-page-title .p-page-title__text {
    font-size: 1.4rem;
  }
  /* line 237, app/assets/stylesheets/object/project/_page.scss */
  .p-page-title .p-page-title__link {
    font-size: 1.4rem;
  }
  /* line 242, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__text {
    margin-left: -5rem;
  }
  /* line 245, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__img-text {
    margin-left: 0;
  }
  /* line 248, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final .p-page-final__sub-text {
    font-size: 1.8rem;
    padding-top: 2rem;
  }
  /* line 254, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__text-box {
    font-size: 1.6rem;
    padding: 4rem 2rem 5rem;
  }
  /* line 258, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__wrapper {
    gap: 3rem;
    padding: 4rem 0;
  }
  /* line 262, app/assets/stylesheets/object/project/_page.scss */
  .p-page-judge .p-page-judge__contents {
    width: calc((100% - 9rem) / 4);
  }
  /* line 266, app/assets/stylesheets/object/project/_page.scss */
  .p-page-vote {
    gap: 2rem;
  }
  /* line 268, app/assets/stylesheets/object/project/_page.scss */
  .p-page-vote .p-page-vote__img {
    max-width: 80px;
    width: 100%;
  }
  /* line 272, app/assets/stylesheets/object/project/_page.scss */
  .p-page-vote .p-page-vote__count {
    font-size: 4rem;
  }
  /* line 277, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage.p-page-second-stage--main-visual {
    padding-top: 9rem;
    padding-bottom: 5rem;
  }
  /* line 281, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__text {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
  /* line 285, app/assets/stylesheets/object/project/_page.scss */
  .p-page-second-stage .p-page-second-stage__inner {
    max-width: 1050px;
  }
  /* line 288, 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 292, 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 298, app/assets/stylesheets/object/project/_page.scss */
  .p-page-final-result-title {
    margin-bottom: 6rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 1200;
  width: 60rem;
  max-width: 90%;
  background: #ffffff;
  height: fit-content;
  max-height: 90%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  padding: 4rem;
  border-radius: 5px;
  overflow-y: scroll;
}

/* line 39, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__contents {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

/* line 44, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__contents-main {
  display: flex;
  align-items: center;
  gap: 10%;
  justify-content: center;
}

/* line 50, 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 56, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__close-button {
  position: absolute;
  right: 1.5rem;
  top: 1.8rem;
}

/* line 61, app/assets/stylesheets/object/project/_popup.scss */
.p-popup .p-popup__image {
  position: relative;
}

/* line 64, 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 73, 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 84, 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 94, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube {
  background-color: rgba(0, 0, 0, 0.7);
}

/* line 96, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__inner {
  max-width: inherit;
}

/* line 99, 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 105, 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 110, 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 120, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup.p-video-popup--youtube .p-video-popup__top-wrap {
  justify-content: flex-end;
}

/* line 123, 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 128, 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 134, 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 138, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap video {
  width: 100%;
  height: 100%;
}

/* line 142, 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 149, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left {
  left: 0;
}

/* line 152, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right {
  right: 0;
}

/* line 156, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__inner {
  height: 100%;
  margin: 0 auto;
  max-width: 600px;
}

/* line 161, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top {
  height: 107px;
  padding: 1.8rem 0 2rem;
}

/* line 165, 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 171, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-wrap__profile {
  display: flex;
  gap: 1rem;
}

/* line 175, 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 182, 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 205, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-name {
  font-weight: bold;
}

/* line 208, 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 213, 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 217, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__top-name .name {
  font-size: 1.2rem;
}

/* line 223, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__btn-wrap span {
  cursor: pointer;
}

/* line 225, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__btn-wrap span:first-of-type {
  margin-right: 1.6rem;
}

/* line 230, 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 237, 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 242, 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 248, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart {
  color: #fff;
}

/* line 251, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart a {
  color: #fff;
}

/* line 254, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__bottom .heart a span {
  padding-left: 0.5rem;
}

/* line 258, 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 264, app/assets/stylesheets/object/project/_popup.scss */
.p-video-popup .p-video-popup__heart {
  display: flex;
  gap: 0.8rem;
}

/* line 269, 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 276, app/assets/stylesheets/object/project/_popup.scss */
.p-youtube-popup.is-show {
  height: 100%;
  visibility: visible;
  opacity: 1;
}

/* line 281, 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 294, 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 307, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup.p-video-popup--youtube .p-video-popup__inner {
    width: 90%;
    max-width: 600px;
  }
  /* line 311, 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 317, 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 325, 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 335, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-left {
    left: -14px;
  }
  /* line 337, 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 342, app/assets/stylesheets/object/project/_popup.scss */
  .p-video-popup .p-video-popup__video-wrap .p-video-popup__video-right {
    right: -14px;
  }
  /* line 344, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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;
}

/* line 67, 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: 769px) and (max-width: 1023px) {
  /* line 67, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1024px) {
  /* line 67, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 87, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box.p-youtube-box--no-placement {
  position: static;
  transform: none;
  max-width: 600px;
  margin-top: 3rem;
  margin-bottom: 4rem;
}

/* line 94, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box iframe {
  width: 100%;
  height: 90%;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 94, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box iframe {
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  /* line 94, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box iframe {
    width: 100%;
    height: 100%;
  }
}

/* line 107, 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 112, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box .live-video-block {
  margin: 0 auto;
  display: block;
}

/* line 116, app/assets/stylesheets/object/project/_youtube.scss */
.p-youtube-box .line-live-link {
  text-align: center;
  margin-top: 24px;
  font-size: 1.6rem;
}

@media (min-width: 1024px) {
  /* line 116, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box .line-live-link {
    text-align: center;
    margin-top: 24px;
    font-size: 18px;
  }
}

/* line 127, 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 127, app/assets/stylesheets/object/project/_youtube.scss */
  .p-youtube-box .line-live-link a {
    text-decoration: underline;
    font-weight: bold;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: rgba(242, 242, 242, 0.7);
  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;
}

@media (min-width: 1024px) {
  /* line 84, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line__copy {
    font-size: 1.6rem;
  }
}

/* line 92, 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 99, 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 99, app/assets/stylesheets/object/project/_top-line.scss */
  .p-top-line .p-top-line__text-big {
    font-size: 2.3rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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-banner {
  margin-bottom: 4rem;
  position: relative;
  z-index: -2;
  background: linear-gradient(0deg, black 0%, #464646 100%);
  width: 100%;
}

/* line 16, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top-banner::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.3;
  background: linear-gradient(107deg, #FFBC01 0%, #FF3574 100%);
}

/* line 28, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top-banner .title-wrapper {
  margin: 0 auto;
  padding: 1.5rem 4.8rem;
  width: 100%;
  max-width: 1050px;
}

/* line 34, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top-banner .sub-title {
  font-size: 1.4rem;
  font-family: "futura-pt", sans-serif;
  display: block;
  background: linear-gradient(107deg, #FFBC01 0%, #FF3574 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 42, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-top-banner .title {
  padding-top: 0.6rem;
  font-size: 2.4rem;
  display: block;
  background: linear-gradient(107deg, #FFBC01 0%, #FF3574 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 51, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-lead {
  margin: 0 auto;
  padding-left: 4.7rem;
  width: 100%;
  max-width: 1050px;
  text-align: left;
}

/* line 58, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-note-block {
  z-index: 9999;
  width: 100%;
  background-color: #828282;
  color: #ffffff;
}

/* line 63, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-note-block.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

/* line 68, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-note-block .item-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

/* line 76, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-note-block .note-text {
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1.2000000476837158px;
}

/* line 82, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-note-block .note-icon {
  margin: 0 0.3rem;
  display: flex;
  align-items: center;
}

/* line 86, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-note-block .note-icon img {
  width: 2.5rem;
  height: 2.5rem;
}

/* line 92, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-tab {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  flex-wrap: wrap;
  max-width: 1050px;
  margin: 2rem auto 2rem;
}

/* line 101, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-tab.fixed {
  margin: 14.6rem auto 2rem;
}

/* line 104, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-tab .list-page-item-half {
  width: calc(33% - 0.1rem);
  font-size: 1.6rem;
}

/* line 108, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-tab .list-page-item-half + .list-page-item-half {
  margin-left: 0.3rem;
}

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

/* line 122, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-tab .tab-item--current {
  color: #ffffff;
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  cursor: inherit;
  border: none;
  height: 100%;
}

/* line 129, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-tab .tab-item--en {
  font-family: "futura-pt", sans-serif;
}

/* line 134, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-line-login-button-block {
  margin: 92px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 139, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-line-login-button-block .description2 {
  margin-bottom: 13px;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 19px;
  letter-spacing: -0.005em;
  color: black;
}

/* line 147, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-line-login-button-block .line-login-button {
  margin: 8.25px;
  background-color: #00c300;
  border-radius: 12px;
  display: flex;
  align-items: center;
}

/* line 154, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-line-login-button-block .line-login-button:hover {
  background-color: #00e000;
}

/* line 158, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-line-login-button-block .line-login-button:active {
  background-color: #00b300;
}

/* line 161, app/assets/stylesheets/object/project/_vote.scss */
.p-vote .p-vote-line-login-button-block .line-login-button .line-login-button-label {
  color: white;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 24.75px 49.5px;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 177, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-note-block .item-wrapper {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    gap: 1rem;
  }
  /* line 182, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-note-block .note-text {
    font-size: 1.2rem;
  }
  /* line 186, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-note-block .note-icon img {
    width: 2.2rem;
    height: 2.2rem;
  }
  /* line 192, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-tab {
    width: 95vw;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 196, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-tab .list-page-item-half + .list-page-item-half {
    margin-left: 0.4rem;
  }
  /* line 199, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-tab.fixed {
    margin: 12.2rem auto 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 212, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-note-block .item-wrapper {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    gap: 1.3rem;
  }
  /* line 217, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-note-block .note-text {
    font-size: 1.4rem;
  }
  /* line 221, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-note-block .note-icon img {
    width: 2.5rem;
    height: 2.5rem;
  }
  /* line 227, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-tab {
    width: 95vw;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 231, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-tab.fixed {
    margin: 13.2rem auto 2rem;
  }
  /* line 234, app/assets/stylesheets/object/project/_vote.scss */
  .p-vote .p-vote-tab .list-page-item-half + .list-page-item-half {
    margin-left: 0.4rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 {
  width: 100%;
  max-width: 1050px;
  padding-left: 4vw;
  padding-right: 4vw;
}

/* line 28, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__line:not(:last-child) {
  border-bottom: 1px solid #dcdbd7;
}

/* line 32, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__inner {
  border-radius: 5px;
  padding: 4rem 1.5rem;
  background-color: #ffffff;
}

/* line 36, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__inner--background-gray {
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 4rem 2rem;
}

/* line 42, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__icon-wrapped {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.7rem 3rem;
}

/* line 49, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__icon-img {
  width: 100%;
  max-width: 30px;
  height: auto;
  display: block;
}

/* line 55, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__icon-text {
  display: block;
  font-size: 2rem;
}

/* line 59, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.5rem;
}

/* line 65, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__title {
  font-size: 1.8rem;
}

/* line 68, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__sub-title {
  text-align: center;
  font-size: 2rem;
}

/* line 72, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__explanation-title {
  font-size: 1.6rem;
}

/* line 75, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__explanation-text {
  font-size: 1.4rem;
}

/* line 78, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-wrapper {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem 5rem;
  background: #ffffff;
  border-radius: 10px;
}

/* line 85, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  justify-content: center;
  font-family: "futura-pt", sans-serif;
  background: linear-gradient(90deg, #FF3574 0%, #FF5148 33.33%, #FF7301 66.67%, #FFBC01 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 94, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--big {
  font-size: 5.8rem;
}

/* line 97, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--normal {
  font-size: 2.8rem;
}

/* line 100, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage__point-box--small {
  font-size: 1.6rem;
}

/* line 105, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-vote-button-block {
  display: flex;
  flex-direction: column;
  margin: 41px auto 0;
  align-items: center;
  text-align: center;
}

/* line 111, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-vote-button-block__warning {
  margin: 24px 0 0;
}

/* line 115, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-warning {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 16px;
  text-align: center;
  color: #eb5a2a;
}

/* line 121, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-warning--close-text {
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 1px;
  text-align: center;
  color: #333333;
}

/* line 128, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-warning--border {
  border-top: 1px solid #333333;
}

/* line 133, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card__inner {
  height: 614px;
  margin-top: 4rem;
  position: relative;
}

/* line 137, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card__inner .p-vote-stage-finalist-card-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  align-items: flex-start;
}

/* line 149, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card__inner .p-vote-stage-finalist-card-wrap::-webkit-scrollbar {
  display: none;
}

/* line 154, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card__bg {
  height: 100%;
  position: relative;
  z-index: -2;
  background: #bdbdbd;
  width: 100%;
}

/* line 160, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card__bg::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.4;
  background: linear-gradient(107.26deg, #FFBC01 0%, #FF3574 100%);
  mix-blend-mode: multiply;
}

/* line 175, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item {
  background: #fff;
  width: 87vw;
  max-width: 485px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* line 182, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__header-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 187, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__header-tab {
  cursor: inherit;
  width: calc(100% / 3);
  padding: 0.7rem 0;
  margin-bottom: 3.5rem;
  position: relative;
  color: #dcdbd7;
}

/* line 194, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__header-tab.selected {
  color: #333333;
}

/* line 196, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__header-tab.selected ::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  bottom: 0;
  left: 0;
}

/* line 208, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__header-tab__name {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 21px;
  text-align: center;
  display: block;
}

/* line 216, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-wrap {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  margin: 0 0.8rem 1.6rem;
  gap: 0.4rem;
}

/* line 223, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-wrap__vs-text {
  position: absolute;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  font-family: "futura-pt", sans-serif;
  color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 100;
}

/* line 237, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label {
  position: absolute;
  display: flex;
  flex-flow: column;
  white-space: nowrap;
  align-items: center;
  text-align: center;
  height: 2rem;
  top: 56%;
  left: 50%;
  transform: translate(-50%, 0);
  border: none;
  color: #ffffff;
  padding: 0.6rem 1.5rem;
  border-radius: 999px;
}

/* line 252, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label span {
  font-family: "futura-pt", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 8px;
  -webkit-text-stroke: 0;
  letter-spacing: 0;
}

/* line 260, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--hokkaido-tohoku {
  background-color: #9552ab;
}

/* line 263, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--tokyo {
  background-color: #0071bc;
}

/* line 266, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--kanto {
  background-color: #68bbe0;
}

/* line 269, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--chubu {
  background-color: #63ba2d;
}

/* line 272, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--kinki {
  background-color: #ffc500;
}

/* line 275, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--chugoku {
  background-color: #f7931e;
  padding: 0.2rem 1.5rem;
}

/* line 279, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item__staff-info-label--kyushu {
  background-color: #ff1d25;
  padding: 0.2rem 1.5rem;
}

/* line 284, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item--title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 21px;
  text-align: center;
}

/* line 290, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-item--space {
  margin-bottom: 0.8rem;
}

/* line 294, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-wrap-item {
  margin: 2rem 1.5rem 2rem 0;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.35);
}

/* line 298, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-finalist-card-wrap-item:first-of-type {
  margin-left: 1.5rem;
}

/* line 302, 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 308, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--left {
  border-radius: 15px 0px 0px 15px;
}

/* line 311, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--right {
  border-radius: 0px 15px 15px 0px;
}

/* line 314, 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 326, 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 330, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info--winner-background-none {
  background: #ffffff;
  color: #333333;
}

/* line 335, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img {
  position: relative;
}

/* line 337, 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 344, 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: 30%;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}

/* line 354, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--shadow {
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px #FFFF00) drop-shadow(0px 0px 20px #FFFFAA) drop-shadow(0px 0px 40px #A52A2A) drop-shadow(0px 0px 80px #800080);
  -moz-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px #FFFF00) drop-shadow(0px 0px 20px #FFFFAA) drop-shadow(0px 0px 40px #A52A2A) drop-shadow(0px 0px 80px #800080);
  -ms-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px #FFFF00) drop-shadow(0px 0px 20px #FFFFAA) drop-shadow(0px 0px 40px #A52A2A) drop-shadow(0px 0px 80px #800080);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px #FFFF00) drop-shadow(0px 0px 20px #FFFFAA) drop-shadow(0px 0px 40px #A52A2A) drop-shadow(0px 0px 80px #800080);
}

/* line 376, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point {
  font-family: "futura-pt", sans-serif;
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  height: 4rem;
}

/* line 383, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-img--point-text {
  font-family: "futura-pt", sans-serif;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 22.8px;
  letter-spacing: 0.02em;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
}

/* line 393, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-bottom {
  padding: 0.5rem 0.3rem 0 0.4rem;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 12px;
  text-align: left;
}

/* line 399, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-info-bottom__staff-name {
  font-weight: 700;
  line-height: 13px;
  font-size: 1.2rem;
}

/* line 405, 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: 1.4rem 0 3rem;
  margin-right: 1rem;
  margin-left: 1rem;
}

/* line 413, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-wrap--center {
  align-items: center;
  gap: 4.7rem;
}

/* line 418, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-text {
  color: #4f4f4f;
  font-weight: bold;
  word-break: normal;
  white-space: nowrap;
  font-size: 2rem;
  min-width: 2.2rem;
}

/* line 426, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-icon-wrap {
  display: block;
  text-align: center;
}

/* line 429, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-icon-wrap img {
  margin: 0 auto;
}

/* line 433, 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;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  color: #ff7301;
}

/* line 441, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box--big {
  font-size: 1.6rem;
}

/* line 444, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box--normal {
  font-size: 1.2rem;
}

/* line 447, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-staff-point-box--gray {
  color: #BDBDBD;
}

/* line 451, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-button-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 457, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-button {
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 1rem;
  min-height: 4.6rem;
  width: 100%;
  height: fit-content;
  font-weight: bold;
  color: #ffffff;
  background: linear-gradient(90deg, #ff3574 0%, #ff5148 33.33%, #ff7301 66.67%, #ffbc01 100%);
  padding: 1.5rem 4rem;
  border-radius: 0;
}

/* line 469, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-button--gray {
  background: #cdcbc7;
  pointer-events: none;
}

/* line 473, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-button--black {
  background: #333333;
  pointer-events: none;
}

/* line 477, app/assets/stylesheets/object/project/_vote-stage.scss */
.p-vote-stage-submit-button:disabled {
  background: #cdcbc7;
  pointer-events: none;
}

@media (min-width: 769px) and (max-width: 1023px) {
  /* line 487, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage {
    width: 95vw;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 491, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__inner {
    padding: 6rem 3rem;
  }
  /* line 494, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-img {
    max-width: 45px;
  }
  /* line 497, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-text {
    font-size: 3rem;
  }
  /* line 500, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-wrapped {
    padding-bottom: 5rem;
  }
  /* line 503, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__title-wrapper {
    padding-bottom: 3rem;
  }
  /* line 506, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__title {
    font-size: 2rem;
  }
  /* line 509, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__point-wrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding: 2rem 22rem;
  }
  /* line 516, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-finalist-card__inner {
    width: 95vw;
    margin: 0 auto;
    padding: 0 3rem;
  }
  /* line 520, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-finalist-card__inner .p-vote-stage-finalist-card-wrap {
    padding: 0 3rem;
  }
  /* line 525, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info {
    max-width: 153px;
  }
  /* line 528, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info-bottom {
    padding: 0.5rem 0 0 0.6rem;
  }
}

@media (min-width: 1024px) {
  /* line 537, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage {
    width: 95vw;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 541, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__inner {
    padding: 6rem 3rem;
  }
  /* line 544, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-img {
    max-width: 45px;
  }
  /* line 547, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-text {
    font-size: 3rem;
  }
  /* line 550, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-wrapped {
    padding-bottom: 6rem;
  }
  /* line 553, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__point-wrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding: 2rem 33rem;
  }
  /* line 558, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__icon-text {
    display: block;
    font-size: 2.4rem;
  }
  /* line 562, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__title-wrapper {
    padding-bottom: 4rem;
  }
  /* line 565, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__title {
    font-size: 2.2rem;
  }
  /* line 568, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__sub-title {
    font-size: 2.2rem;
  }
  /* line 571, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__explanation-title {
    font-size: 1.8rem;
  }
  /* line 574, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage__explanation-text {
    font-size: 1.8rem;
  }
  /* line 579, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-finalist-card__inner {
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 3rem;
  }
  /* line 583, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-finalist-card__inner .p-vote-stage-finalist-card-wrap {
    padding: 0 3rem;
  }
  /* line 588, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info {
    max-width: 153px;
  }
  /* line 591, app/assets/stylesheets/object/project/_vote-stage.scss */
  .p-vote-stage-staff-info-bottom {
    padding: 0.5rem 0 0 0.6rem;
  }
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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;
  gap: 39px;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__container {
    padding: 12px 15px 45px 15px;
    gap: 15px;
  }
}

/* line 78, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__logo {
  justify-self: start;
  max-width: 697px;
}

/* line 82, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__catch-copy {
  margin-top: 10px;
}

@media (max-width: 767px) {
  /* line 82, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__catch-copy {
    margin-top: 0;
  }
}

/* line 89, 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 89, 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 103, 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 103, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__elapsed-date {
    font-size: 2rem;
    margin-top: 0.5rem;
  }
}

/* line 113, 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 113, 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 128, 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 144, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__search-button img {
  width: 20px;
  height: 20px;
  object-fit: none;
}

/* line 151, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 157, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__absolute-container {
  width: 100%;
}

@media (max-width: 767px) {
  /* line 157, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__absolute-container {
    display: none;
  }
}

/* line 164, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view__final-stage-card {
  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 164, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view__final-stage-card {
    border-radius: 10px;
    padding: 14px 15px 13px;
  }
}

/* line 181, 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 181, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-catch-copy--bold {
    font-size: 2.8rem;
  }
}

/* line 189, 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 189, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-catch-copy--small {
    font-size: 2rem;
  }
}

/* line 197, 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 197, 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 210, 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 210, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-supporters__title {
    font-size: 1.2rem;
  }
}

/* line 221, 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 221, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-supporters__title::before {
    width: 20px;
    height: 20px;
  }
}

/* line 236, 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 236, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-supporters__count {
    font-size: 3rem;
    letter-spacing: 2px;
  }
}

/* line 252, 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 252, 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 262, 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 265, 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 265, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__date {
    margin-left: 10px;
  }
}

@media (max-width: 340px) {
  /* line 265, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__date {
    margin-left: 0;
    display: block;
  }
}

/* line 278, 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 278, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-second-schedule__date span {
    font-size: 1.2rem;
  }
}

/* line 294, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__relative-container {
  position: relative;
  height: 100%;
  width: 100%;
}

/* line 300, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__scroll-down {
  padding: 22px 8px 22px 13px;
}

/* line 303, 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 313, 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 324, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-absolute-container__scroll-down img {
  display: block;
  height: 97px;
}

/* line 332, 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 332, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__wrapper {
    gap: 1.5rem;
  }
}

/* line 343, 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 343, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info {
    width: 22.7rem;
  }
}

/* line 353, 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 353, 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 365, 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 365, 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 375, 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 375, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--date-sub {
    font-size: 1.2rem;
  }
}

/* line 383, 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 383, 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 396, 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 396, 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 407, 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 407, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--time {
    font-size: 1.2rem;
  }
}

/* line 415, 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 415, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__info--time span {
    font-size: 1.8rem;
  }
}

/* line 426, 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 426, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-final-stage-card__image img {
    width: 73px;
  }
}

/* line 437, 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 437, 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 453, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom--center {
  justify-content: center;
  margin-left: 0;
}

/* line 457, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom--sold-out {
  color: #ff0000;
}

/* line 460, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-final-stage-card__bottom--add-sales {
  color: #00e6ff;
}

/* line 467, 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 467, app/assets/stylesheets/object/project/_first_view.scss */
  .p-top-first-view-button {
    padding: 0.5rem;
    max-width: 196px;
    font-size: 1.2rem;
  }
}

/* line 490, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-button:hover {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

/* line 496, app/assets/stylesheets/object/project/_first_view.scss */
.p-top-first-view-button--disabled {
  color: #afafaf;
  pointer-events: none;
}

/*----------------------------------------
	Fonts
----------------------------------------*/
/*----------------------------------------
	Color
----------------------------------------*/
/*----------------------------------------
	Common
----------------------------------------*/
/* line 58, app/assets/stylesheets/object/project/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/project/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 58, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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 (max-width: 767px) {
  /* line 52, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-sp {
    display: block;
  }
  /* line 55, app/assets/stylesheets/object/utility/_display.scss */
  .u-display-pc {
    display: none;
  }
  /* line 58, 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 58, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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: 769px) 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 58, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
html {
  height: 100%;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* line 64, 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: #fff;
  overflow-x: hidden;
  font-weight: 300;
}

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

/* line 82, 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 89, app/assets/stylesheets/object/utility/../../foundation/_base.scss */
a:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  /* line 126, 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;
}