@keyframes arrow-bottom {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  50% {
    opacity: 0;
    transform: translateY(100%) rotate(45deg);
  }
  51% {
    opacity: 0;
    transform: translateY(-70%) rotate(45deg);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
@keyframes arrow-topRight {
  0% {
    transform: translate(0);
  }
  50% {
    opacity: 0;
    transform: translate(20%, -20%);
  }
  51% {
    opacity: 0;
    transform: translate(-50%, 50%);
  }
  100% {
    transform: translate(0);
  }
}
/* ------------------------
  reset
------------------------ */
main *,
main *::after,
main *::before {
  box-sizing: border-box;
}
main * {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
main pre,
main textarea {
  overflow: auto;
}
main template {
  display: none;
}
main details,
main main,
main summary {
  display: block;
}
main input[type=number] {
  width: auto;
}
main input[type=search] {
  -webkit-appearance: textfield;
}
main input[type=search]::-webkit-search-cancel-button,
main input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
main progress {
  display: inline-block;
}
main small {
  font-size: 75%;
}
main sub,
main sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
main sup {
  top: -0.5em;
}
main sub {
  bottom: -0.25em;
}
main textarea {
  resize: vertical;
}
main audio,
main canvas,
main iframe,
main img,
main svg,
main video {
  vertical-align: middle;
}
main audio:not([controls]) {
  display: none;
}
main img {
  border: 0;
  max-width: 100%;
  height: auto;
}
main button,
main input,
main select,
main textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}
main button {
  overflow: visible;
}
main button,
main select {
  text-transform: none;
}
main input {
  line-height: normal;
}
main button,
main html input[type=button],
main input[type=reset],
main input[type=submit] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}
main button[disabled],
main html input[disabled] {
  cursor: default;
}
main button::-moz-focus-inner,
main input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
main code,
main kbd,
main pre,
main samp {
  font-family: monospace;
}
main ol,
main ul {
  list-style: none;
}
main select {
     -moz-appearance: none;
  -webkit-appearance: none;
}
main table {
  border-spacing: 0;
  border-collapse: collapse;
}
main fieldset {
  border: 0;
}

/* ------------------------
  Print Styles
------------------------ */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ------------------------
  Base Settings
------------------------ */
:root {
  --base-size: 1rem;
  --font-family-noto: "Noto Sans JP", sans-serif;
  --font-family-poppins: "Poppins", sans-serif;
  --font-family-helvetica: helvetica, "Noto Sans JP", sans-serif;
  --font-family-inter: "Inter", sans-serif;
  --color-blue: #3146b3;
  --color-black02: #4d4d4d;
  --color-blue03: #6f7dca;
  --color-black: #000;
  --color-white: #fff;
  --color-blue02: #030021;
  --color-gray: #eef0ff;
  --color-line-gray: #d0d4eb;
  --color-black-opacity: #242424;
  --color-gold: #90772d;
  --gradient-vertical: linear-gradient(
  0deg,
  #7f4de4 10%,
  #4f7bfe 30%,
  #8a69ba 69%,
  #da62a9 90%
  );
  --gradient-line01: linear-gradient(
  90deg,
  #9c59ff 20%,
  #5355c6 41%,
  #4f7bfe 60%,
  #da61ab 100%
  );
  --gradient-line02: linear-gradient(
  90deg,
  #c15b9e 0%,
  #9581cd 52%,
  #4894d7 100%
  );
  --gradient-text: linear-gradient(
  90deg,
  #a17ceb 10%,
  #4f7bfe 30%,
  #a17ceb 69%,
  #da62a9 90%
  );
  --gradient-button: linear-gradient(
  90deg,
  #ff5ecf 0%,
  #5056ba 46%,
  #32f0ff 100%
  );
  --gradient-button02: linear-gradient(
  90deg,
  #eb5ecd 0%,
  #34efff 50%,
  #4e66c2 100%
  );
  --gradient-background: linear-gradient(
  90deg,
  #9c59ff 20%,
  #5355c6 41%,
  #4f7bfe 60%,
  #da61ab 100%
  );
  --gradient-gold: linear-gradient(90deg, #90772d 0%, #ddbd5f 31%, #95771e 74%);
}

main.the-new-creators {
  background-color: #fff;
  word-wrap: break-word;
  color: var(--color-blue);
  font-family: var(--font-family-noto);
  font-size: 62.5%;
  font-weight: 400;
  line-height: 130%;

  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
main.the-new-creators a {
  text-decoration: inherit;
  color: inherit;
}
main.the-new-creators a:visited {
  color: inherit;
}
main.the-new-creators a:hover {
  text-decoration: inherit;
  color: inherit;
}
main.the-new-creators a:active {
  text-decoration: inherit;
  color: inherit;
}
main.the-new-creators a[href^="tel:"]:hover {
  color: inherit;
}
@media (min-width: 768px) {
  main.the-new-creators a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}
main.the-new-creators img {
  width: 100%;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1279.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1439.98px) {
  .u-hidden-down-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1440px) {
  .u-hidden-xl {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1440px) {
  .u-hidden-up-xl {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-xl {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*
* main.css
*
*/
.the-new-creators {
  overflow: clip;
  opacity: 0;
  position: relative;
  z-index: 1;
}
.the-new-creators.is-loaded {
  opacity: 1;
  transition: opacity 0.1s;
}
.the-new-creators .background {
  position: sticky;
  z-index: -1;
  height: 100dvh;
  background-image: url(/camera/the_new_creators/assets/images/background_sm.jpg);
  background-position: center;
  background-size: cover;

  inset: 0;
  margin-block-end: -100dvh;
}
@media (min-width: 768px) {
  .the-new-creators .background {
    background-image: url(/camera/the_new_creators/assets/images/background_lg.jpg);
  }
}
.the-new-creators .cmp-background {
  display: grid;
  position: absolute;
  z-index: -1;
  pointer-events: none;

  inset: -17.5rem 0 0;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}
.the-new-creators .cmp-background > span {
  display: block;
  position: absolute;
  margin: auto;
  height: 848.6111111111vw;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 200vw 848.6111111111vw;

  inset: 0 0 auto;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-background > span {
    height: clamp(165.75 * var(--base-size), 345.3125vw, 276.25 * var(--base-size));
    background-size: clamp(81 * var(--base-size), 168.75vw, 135 * var(--base-size)) clamp(165.75 * var(--base-size), 345.3125vw, 276.25 * var(--base-size));
  }
}
.the-new-creators .cmp-background > span:nth-of-type(1) {
  background-image: url(/camera/the_new_creators/assets/images/gradient_background_sm.png);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-background > span:nth-of-type(1) {
    background-image: url(/camera/the_new_creators/assets/images/gradient_background_lg.png);
  }
}
.the-new-creators .cmp-background > span:nth-of-type(2) {
  background-image: url(/camera/the_new_creators/assets/images/gradient_background_02_sm.png);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-background > span:nth-of-type(2) {
    background-image: url(/camera/the_new_creators/assets/images/gradient_background_02_lg.png);
  }
}
.the-new-creators .cmp-section-anchor {
  padding-block-start: 2.5rem;
}
.the-new-creators .cmp-heading {
  margin-block-end: 1rem;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-heading {
    margin-block-end: 2rem;
  }
}
.the-new-creators .cmp-heading .cmp-heading_title {
  display: grid;
  position: relative;

  gap: 0.25rem;
}
.the-new-creators .cmp-heading .cmp-heading_main {
  opacity: 0.6;
  letter-spacing: 0.03em;
  font-family: var(--font-family-poppins);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-heading .cmp-heading_main {
    font-size: 1.5rem;
  }
}
.the-new-creators .cmp-heading .cmp-heading_sub {
  letter-spacing: 0;
  font-family: var(--font-family-noto);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-heading .cmp-heading_sub {
    font-size: 2.625rem;
  }
}
.the-new-creators .cmp-heading .cmp-heading_sub small {
  display: block;
  letter-spacing: 0;
  color: var(--color-blue03);
  font-family: var(--font-family-noto);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 170%;

  margin-block-start: 0.3125rem;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-heading .cmp-heading_sub small {
    letter-spacing: 0;
    font-family: var(--font-family-noto);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 150%;

    margin-block-start: 0.25rem;
  }
}
.the-new-creators .cmp-heading .cmp-heading_text {
  letter-spacing: 0;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;

  margin-block-start: 0.9375rem;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-heading .cmp-heading_text {
    letter-spacing: 0;
    font-family: var(--font-family-noto);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 180%;

    margin-block-start: 2rem;
  }
}
.the-new-creators .cmp-heading .cmp-heading_text_indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
.the-new-creators .cmp-inner {
  padding-inline: 1.75rem;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-inner {
    max-width: 70rem;

    padding-inline: clamp(1.5 * var(--base-size), 3.125vw, 2.5 * var(--base-size));
    margin-inline: auto;
  }
}
.the-new-creators .cmp-border {
  position: absolute;
  z-index: 1;
  border: 0.0625rem solid var(--color-line-gray);
  border-radius: 0 0.625rem;
  pointer-events: none;

  inset: 0;
  gap: 0;
  clip-path: polygon(0.625rem 0, 0.625rem 0, 0 0.625rem, 0 100%, calc(100% - 0.625rem) 100%, calc(100% - 0.625rem) 100%, 100% calc(100% - 0.625rem), 100% 0%);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-border {
    clip-path: polygon(1rem 0, 1rem 0, 0 1rem, 0 100%, calc(100% - 1rem) 100%, calc(100% - 1rem) 100%, 100% calc(100% - 1rem), 100% 0%);
  }
}
.the-new-creators .cmp-border-background {
  opacity: 0.1;
  position: absolute;
  border-radius: 0.625rem;
  background: var(--gradient-background);
  pointer-events: none;

  inset: 0;
}
.the-new-creators .cmp-accordion {
  background-color: var(--color-gray);
}
.the-new-creators .cmp-accordion + .cmp-accordion {
  margin-block-start: 1.1875rem;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-accordion + .cmp-accordion {
    margin-block-start: clamp(1.1875 * var(--base-size), 2.5vw, 2 * var(--base-size));
  }
}
.the-new-creators .cmp-accordion .cmp-accordion_button {
  display: flex;
  overflow: hidden;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 1.125rem;
  width: 100%;
  letter-spacing: 0.1em;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;

  border-block: 0.0625rem solid var(--color-line-gray);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-accordion .cmp-accordion_button {
    padding: 1.3125rem 2.875rem;
    letter-spacing: 0.1em;
    font-family: var(--font-family-noto);
    font-size: 1rem;
    font-weight: 500;
    line-height: 100%;
  }
}
.the-new-creators .cmp-accordion .cmp-accordion_button::after {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 120%;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(135deg, var(--color-white) 80%, transparent 100%);

  inset: 0;
}
.the-new-creators .cmp-accordion .cmp-accordion_button[aria-expanded=true] .cmp-accordion_icon::before {
  transform: rotate(0deg);
}
.the-new-creators .cmp-accordion .cmp-accordion_button[aria-expanded=true] .cmp-accordion_icon::after {
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-accordion .cmp-accordion_button:hover::after {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .the-new-creators .cmp-accordion .cmp-accordion_button:hover:not(button)::after {
    opacity: 1;
    transition: none;
    transform: scaleX(0);
    pointer-events: none;
  }
  .the-new-creators .cmp-accordion .cmp-accordion_button:hover[aria-expanded=false] .cmp-accordion_icon {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: rotate(180deg);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-accordion .cmp-accordion_button:hover::after {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .the-new-creators .cmp-accordion .cmp-accordion_button:hover:not(button)::after {
    opacity: 1;
    transition: none;
    transform: scaleX(0);
    pointer-events: none;
  }
  .the-new-creators .cmp-accordion .cmp-accordion_button:hover[aria-expanded=false] .cmp-accordion_icon {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: rotate(180deg);
  }
}
.the-new-creators .cmp-accordion .cmp-accordion_icon {
  position: absolute;
  width: 0.9375rem;
  height: 0.9375rem;

  inset: 0 1.25rem 0 auto;
  margin-block: auto;
}
.the-new-creators .cmp-accordion .cmp-accordion_icon::before,
.the-new-creators .cmp-accordion .cmp-accordion_icon::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-blue);

  inset: 0;
  margin-block: auto;
}
.the-new-creators .cmp-accordion .cmp-accordion_icon::before {
  transform: rotate(90deg);
}
.the-new-creators .cmp-accordion .cmp-accordion_body {
  display: none;
  padding: 1.1875rem;
  background-color: var(--color-white);
  letter-spacing: 0;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  font-weight: 500;
  line-height: 180%;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-accordion .cmp-accordion_body {
    letter-spacing: 0;
    font-family: var(--font-family-noto);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 180%;
  }
}
.the-new-creators .cmp-accordion .cmp-accordion_close {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.1em;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;

  padding-inline-end: 1.25rem;
  margin-block-start: 1rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-accordion .cmp-accordion_close {
    letter-spacing: 0;
    font-family: var(--font-family-noto);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 150%;

    margin-block-start: 1.3125rem;
  }
}
.the-new-creators .cmp-accordion .cmp-accordion_close::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.0625rem;
  background-color: var(--color-white);

  inset: 0 0 0 auto;
  margin-block: auto;
}
.the-new-creators .cmp-accordion.-type02 {
  background-color: color-mix(in srgb, #242424 50%, transparent);
  color: var(--color-white);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-accordion.-type02 .cmp-accordion_button:hover::after {
    opacity: 0.2;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-accordion.-type02 .cmp-accordion_button:hover::after {
    opacity: 0.2;
  }
}
.the-new-creators .cmp-accordion.-type02 .cmp-accordion_icon::before,
.the-new-creators .cmp-accordion.-type02 .cmp-accordion_icon::after {
  background-color: var(--color-white);
}
.the-new-creators .cmp-accordion.-type02 .cmp-accordion_button {
  border-color: color-mix(in srgb, var(--color-white) 20%, transparent);
}
.the-new-creators .cmp-accordion.-type02 .cmp-accordion_body {
  background-color: transparent;
}
.the-new-creators .cmp-accordion.-qa .cmp-accordion_button {
  display: grid;
  justify-content: flex-start;
  padding: 0.625rem 2.1875rem 0.6875rem 0.75rem;
  text-align: left;
  letter-spacing: 0;
  letter-spacing: 0;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;

  grid-template-columns: 2.5rem 1fr;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-accordion.-qa .cmp-accordion_button {
    padding: 1.3125rem 1.25rem 0.875rem;
    letter-spacing: 0.1em;
    font-family: var(--font-family-noto);
    font-size: 1rem;
    font-weight: 500;
    line-height: 100%;

    grid-template-columns: 3rem 1fr;
  }
}
.the-new-creators .cmp-accordion.-qa .cmp-accordion_body {
  padding: 0;
}
.the-new-creators .cmp-accordion.-qa .cmp-accordion_icon {
  right: 0.8125rem;
}
.the-new-creators .cmp-button {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 0.75rem;
  border: 0.0625rem solid var(--color-blue);
  letter-spacing: 0.1em;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button {
    padding: 1.3125rem 2.5rem;
    letter-spacing: 0.1em;
    font-family: var(--font-family-noto);
    font-size: 1rem;
    font-weight: 500;
    line-height: 100%;
  }
}
.the-new-creators .cmp-button .cmp-button_arrow {
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;

  inset: 0 1.0625rem 0 auto;
  margin-block: auto;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button .cmp-button_arrow {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
.the-new-creators .cmp-button .cmp-button_arrow svg {
  width: 100%;
  height: 100%;
}
.the-new-creators .cmp-button .cmp-button_anchor::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);

  inset: 0 0.8125rem 0 auto;
  margin-block: auto;
  border-block-end: 0.0625rem solid var(--color-white);
  border-inline-end: 0.0625rem solid var(--color-white);
}
.the-new-creators .cmp-button.-type01::before {
  content: "";
  position: absolute;
  z-index: -2;
  background-color: var(--color-gray);

  inset: 0;
}
.the-new-creators .cmp-button.-type01::after {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 120%;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(135deg, var(--color-white) 80%, transparent 100%);

  inset: 0;
}
.the-new-creators .cmp-button.-type01 .cmp-button_anchor::before {
  border-color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-button.-type01:hover::after {
    opacity: 1;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-button.-type01:hover::after {
    opacity: 1;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
}
.the-new-creators .cmp-button.-type02 {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 1.0625rem;
  border: none;
  background-color: transparent;
  color: var(--color-white);
  font-size: 1rem;
}
.the-new-creators .cmp-button.-type02::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 200%;
  background: var(--gradient-button);

  inset: 0 auto 0 0;
}
.the-new-creators .cmp-button.-type02 .cmp-button_arrow path {
  fill: var(--color-white);
}
.the-new-creators .cmp-button.-type03 {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 0.75rem 1.0625rem;
  border: none;
  background-color: transparent;
  color: var(--color-white);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button.-type03 {
    padding: 1.3125rem 2.5rem;
  }
}
.the-new-creators .cmp-button.-type03::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: 100%;
  background: var(--gradient-button);

  inset: 0 auto 0 0;
}
.the-new-creators .cmp-button.-type03::after {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 280%;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateX(-25%);
  background: var(--gradient-button);

  inset: 0;
}
.the-new-creators .cmp-button.-type03 .cmp-button_arrow path {
  fill: var(--color-white);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-button.-type03:hover::after {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-button.-type03:hover::after {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.the-new-creators .cmp-button.-type04 {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 0.75rem 1.0625rem;
  border: none;
  background-color: transparent;
  color: var(--color-white);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button.-type04 {
    padding: 1.3125rem 1.625rem;
  }
}
.the-new-creators .cmp-button.-type04::before,
.the-new-creators .cmp-button.-type04::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;

  inset: 0;
}
.the-new-creators .cmp-button.-type04::before {
  z-index: -2;
  background-image: url(/camera/the_new_creators/assets/images/button_background.jpg);
}
.the-new-creators .cmp-button.-type04::after {
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-image: url(/camera/the_new_creators/assets/images/button_background_hover.jpg);
}
.the-new-creators .cmp-button.-type04 .cmp-button_arrow path {
  fill: var(--color-white);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-button.-type04:hover::after {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-button.-type04:hover::after {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.the-new-creators .cmp-button.-type05 {
  position: relative;
  z-index: 1;
  padding: 0.75rem 1.0625rem;
  border-color: var(--color-line-gray);
  background-color: var(--color-gray);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button.-type05 {
    padding: 1.3125rem 2.5rem;
  }
}
.the-new-creators .cmp-button.-type05::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 120%;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(135deg, var(--color-white) 80%, transparent 100%);

  inset: 0;
}
.the-new-creators .cmp-button.-type05 .cmp-button_anchor::before {
  border-color: var(--color-blue);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-button.-type05:hover::after {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .the-new-creators .cmp-button.-type05:hover::before {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-button.-type05:hover::after {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .the-new-creators .cmp-button.-type05:hover::before {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
}
.the-new-creators .cmp-button.-type06 {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 0.75rem 1.0625rem;
  border: none;
  background-color: transparent;
  color: var(--color-white);
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button.-type06 {
    padding: 1.3125rem 2.5rem;
  }
}
.the-new-creators .cmp-button.-type06::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: 100%;
  background: var(--gradient-gold);

  inset: 0 auto 0 0;
}
.the-new-creators .cmp-button.-type06::after {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 280%;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateX(-25%);
  background: var(--gradient-gold);

  inset: 0;
}
.the-new-creators .cmp-button.-type06 .cmp-button_arrow path {
  fill: var(--color-white);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-button.-type06:hover::after {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-button.-type06:hover::after {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.the-new-creators .cmp-button:has(.cmp-button_close) {
  overflow: visible;
}
.the-new-creators .cmp-button:is(.result_button) {
  width: 100%;
  height: 4.5rem;
  text-align: center;
  pointer-events: auto;
  line-height: 124%;
}
@media (max-width: 767.98px) {
  .the-new-creators .cmp-button:is(.result_button) {
    font-size: 1.125rem;
  }
}
.the-new-creators .cmp-button:is(.result_winnerButton) {
  width: 100%;
  height: 3.5rem;
  text-align: center;
  pointer-events: auto;
  line-height: 124%;

  margin-block-start: 2.5rem;
}
@media (max-width: 767.98px) {
  .the-new-creators .cmp-button.-winners01 {
    height: 4.9375rem;

    padding-inline-start: 2.5625rem;
  }
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button.-winners01 {
    padding-inline-start: 3.75rem;
  }
}
.the-new-creators .cmp-button .cmp-button_close {
  position: absolute;
  top: 0;
  left: 0;
  border: var(--color-line-gray) 0.0625rem solid;
  border-radius: 50%;
  width: 1.5625rem;
  height: 1.5625rem;
  transform: translate(-40%, -40%);
  background-color: var(--color-white);
}
.the-new-creators .cmp-button .cmp-button_close span {
  display: block;
  position: absolute;
  margin: auto;
  width: 0.625rem;
  height: 0.0625rem;
  background-color: var(--color-blue);

  inset: 0;
}
.the-new-creators .cmp-button .cmp-button_close span:nth-of-type(1) {
  transform: rotate(45deg);
}
.the-new-creators .cmp-button .cmp-button_close span:nth-of-type(2) {
  transform: rotate(-45deg);
}
.the-new-creators .cmp-button .cmp-button_icon {
  position: absolute;
  width: 3.125rem;
  background-image: url(/camera/the_new_creators/assets/images/icon_winners01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  inset: 0 auto 0 0.75rem;
  aspect-ratio: 48/52;
}
@media (min-width: 768px) {
  .the-new-creators .cmp-button .cmp-button_icon {
    left: clamp(0.4375 * var(--base-size), 1.01563vw, 0.8125 * var(--base-size));
    width: clamp(1.75 * var(--base-size), 3.75vw, 3 * var(--base-size));
  }
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-button:hover .cmp-button_arrow {
    animation: arrow-topRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  }
  .the-new-creators .cmp-button:hover .cmp-button_anchor::before {
    animation: arrow-bottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-button:hover .cmp-button_arrow {
    animation: arrow-topRight 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  }
  .the-new-creators .cmp-button:hover .cmp-button_anchor::before {
    animation: arrow-bottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  }
}
.the-new-creators .cmp-link {
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .cmp-link:hover {
    opacity: 0.7;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .cmp-link:hover {
    opacity: 0.7;
  }
}
.the-new-creators .cmp-link.-blank {
  display: inline-block;
  position: relative;
}
.the-new-creators .cmp-link.-blank::after {
  content: "";
  display: inline-block;
  width: 0.6875rem;
  background-image: url(/camera/the_new_creators/assets/images/icon_blank.svg);
  background-repeat: no-repeat;
  background-size: contain;

  aspect-ratio: 11.17/9.31;
  margin-inline-start: 0.0625rem;
}
.the-new-creators .cmp-textColor {
  background: linear-gradient(90deg, #90772d -30.78%, #cbab4a 66.05%, #95771e 143.2%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.the-new-creators .header {
  display: flex;
  justify-content: space-between;
  position: sticky;
  z-index: 1000;
  pointer-events: none;

  inset: 0 0 auto;
  margin-block-end: -3.125rem;
}
@media (min-width: 768px) {
  .the-new-creators .header {
    margin-block-end: -7.1875rem;
  }
}
.the-new-creators .header > * {
  pointer-events: auto;
}
.the-new-creators .header .header_logo {
  display: none;
}
@media (min-width: 768px) {
  .the-new-creators .header .header_logo {
    display: block;
    width: 6.875rem;
    height: 5.1875rem;

    margin-block-start: 2rem;
    margin-inline-start: 1.875rem;
  }
}
.the-new-creators .header .header_dropdown {
  display: block;
  position: relative;
  z-index: 100;
  margin-left: auto;
  width: 4.6875rem;
  height: 3.125rem;
}
.the-new-creators .header .header_dropdown[aria-expanded=true] .header_button_line {
  transform-origin: center;
}
.the-new-creators .header .header_dropdown[aria-expanded=true] .header_button_line:nth-of-type(1) {
  transition: transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scaleX(1.3) rotate(35deg);
}
.the-new-creators .header .header_dropdown[aria-expanded=true] .header_button_line:nth-of-type(2) {
  opacity: 0;
}
.the-new-creators .header .header_dropdown[aria-expanded=true] .header_button_line:nth-of-type(3) {
  transition: transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scaleX(1.3) rotate(-35deg);
}
.the-new-creators .header .header_dropdown[aria-expanded=false] {
  transition: background-color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.the-new-creators .header .header_dropdown[aria-expanded=false] .header_button_line {
  transform-origin: right;
}
.the-new-creators .header .header_dropdown[aria-expanded=false] .header_button_line:nth-of-type(1) {
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(-0.5rem) scaleX(1.3);
}
.the-new-creators .header .header_dropdown[aria-expanded=false] .header_button_line:nth-of-type(3) {
  transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(0.5rem) scaleX(0.7);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line {
    will-change: transform;
  }
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line:nth-of-type(1) {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(-0.625rem) scaleX(1.3);
  }
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line:nth-of-type(2) {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scaleX(1.3);
  }
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line:nth-of-type(3) {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0.625rem) scaleX(1.3);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line {
    will-change: transform;
  }
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line:nth-of-type(1) {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(-0.625rem) scaleX(1.3);
  }
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line:nth-of-type(2) {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scaleX(1.3);
  }
  .the-new-creators .header .header_dropdown[aria-expanded=false]:hover .header_button_line:nth-of-type(3) {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateY(0.625rem) scaleX(1.3);
  }
}
.the-new-creators .header .header_button_line {
  position: absolute;
  margin: auto;
  width: 1.9375rem;
  height: 0.125rem;
  background-color: var(--color-blue03);

  inset: -0.0625rem 1.125rem 0 auto;
  will-change: transform;
}
.the-new-creators .menu {
  display: flex;
  justify-content: flex-end;
  position: absolute;

  inset: 0 0 auto;
}
.the-new-creators .menu[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.16s cubic-bezier(0.47, 0, 0.745, 0.715), visibility 0.16s cubic-bezier(0.47, 0, 0.745, 0.715);
  pointer-events: none;
}
.the-new-creators .menu[aria-hidden=true] .menu_contents {
  transition: transform 0.18s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translateX(8.25%);
}
.the-new-creators .menu[aria-hidden=false] {
  opacity: 1;
  transition: opacity 0.28s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.28s cubic-bezier(0.39, 0.575, 0.565, 1);
  pointer-events: auto;
}
.the-new-creators .menu[aria-hidden=false] .menu_contents {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.the-new-creators .menu .menu_background {
  opacity: 0.2;
  position: fixed;
  background-color: var(--color-black);

  inset: 0;
}
.the-new-creators .menu .menu_contents {
  overflow-y: auto;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100dvh;
  background-color: var(--color-white);

  padding-block: 3.75rem;
  padding-inline: 1.75rem;
}
@media (min-width: 768px) {
  .the-new-creators .menu .menu_contents {
    padding: 4.0625rem 2.375rem;
    max-width: 22.5rem;
  }
}
.the-new-creators .menu .menu_button {
  margin-block-start: 1.375rem;
}
.the-new-creators .menu .menu_cmp_button {
  margin-block: 2.5rem;
}
.the-new-creators .menu .menu_cmp_button + .menu_cmp_button {
  margin-block-start: -1rem;
}
.the-new-creators .menu .menu_cmp_button:is(.apply_button) {
  margin-block-start: 5rem;
}
.the-new-creators .anchor {
  margin-block-start: 5rem;
}
@media (min-width: 768px) {
  .the-new-creators .anchor {
    margin-block-start: 10.125rem;
  }
}
@media (max-width: 767.98px) {
  .the-new-creators .anchor .anchor_inner {
    padding-inline: 2.3125rem;
  }
}
.the-new-creators .anchor .anchor_list {
  display: grid;
  justify-content: center;
  max-width: 31.25rem;

  grid-template-columns: 1fr 1fr;
  gap: 0 1.375rem;
  margin-block: 0.625rem 1.625rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_list {
    display: flex;
    max-width: none;

    grid-template-rows: repeat(3, auto);
    margin-block: 0;
    margin-inline: 0;
  }
}
.the-new-creators .anchor .anchor_item {
  display: grid;
  max-width: 15.25rem;

  grid-template-columns: subgrid;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_item {
    flex: 1;
    text-align: center;
  }
}
.the-new-creators .anchor .anchor_item:last-of-type:nth-of-type(7) {
  max-width: none;
}
@media (max-width: 767.98px) {
  .the-new-creators .anchor .anchor_item:last-of-type:nth-of-type(7) {
    grid-template-columns: auto;
    grid-column: 1/-1;
  }
}
.the-new-creators .anchor .anchor_link {
  display: grid;
  position: relative;

  gap: 0.625rem;
  padding-block: 1.4375rem;
  padding-inline-end: 0.9375rem;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_link {
    padding-block: 0.5rem;
    padding-inline-end: 0;
  }
}
.the-new-creators .anchor .anchor_link::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);

  inset: 0.9375rem 0.1875rem 0 auto;
  margin-block: auto;
  border-block-end: 0.0625rem solid var(--color-blue);
  border-inline-end: 0.0625rem solid var(--color-blue);
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_link::after {
    position: static;

    margin-inline: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .anchor .anchor_link:hover::after {
    animation: arrow-bottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  }
  .the-new-creators .anchor .anchor_link:hover .anchor_line::after {
    transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: left;

    scale: 1 1;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .anchor .anchor_link:hover::after {
    animation: arrow-bottom 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  }
  .the-new-creators .anchor .anchor_link:hover .anchor_line::after {
    transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: left;

    scale: 1 1;
  }
}
.the-new-creators .anchor .anchor_en {
  letter-spacing: 0.03em;
  font-family: var(--font-family-poppins);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}
.the-new-creators .anchor .anchor_ja {
  letter-spacing: 0.1em;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 130%;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_ja {
    letter-spacing: 0.1em;
    font-family: var(--font-family-noto);
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 130%;
  }
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_ja.-long-text {
    max-width: 6.875rem;
  }
}
.the-new-creators .anchor .anchor_line {
  display: block;
  position: absolute;
  height: 0.0625rem;

  inset: auto 0 0;
}
.the-new-creators .anchor .anchor_line::before {
  content: "";
  position: absolute;
  background-color: var(--color-blue);

  inset: 0;
}
.the-new-creators .anchor .anchor_line::after {
  content: "";
  position: absolute;
  transition: scale 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: right;
  background-color: var(--color-line-gray);

  inset: 0;
  scale: 0 1;
}
.the-new-creators .anchor .anchor_button {
  max-width: 31.25rem;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_button {
    max-width: none;
  }
}
.the-new-creators .anchor .anchor_accordion {
  display: grid;
  position: relative;

  gap: 0.625rem;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_accordion {
    padding-inline-end: 0;
    padding-block-start: 0.5rem;
  }
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_button {
  display: grid;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_button[aria-expanded=true] .anchor_accordion_icon::before {
  transform: rotate(0deg);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_button:hover::after {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_button:hover .anchor_line::after {
    transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: left;

    scale: 1 1;
  }
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_button:hover[aria-expanded=false] .anchor_accordion_icon {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: rotate(180deg);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_button:hover::after {
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scaleX(1);
  }
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_button:hover .anchor_line::after {
    transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform-origin: left;

    scale: 1 1;
  }
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_button:hover[aria-expanded=false] .anchor_accordion_icon {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: rotate(180deg);
  }
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_text {
  display: grid;
  position: relative;

  grid-template-rows: 1fr 1fr auto;
  justify-items: start;
  gap: 0.625rem;
  padding-block: 1.4375rem;
  padding-inline-end: 0.9375rem;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_text {
    justify-items: center;
    padding-block: 0 1.4375rem;
    padding-inline-end: 0;
  }
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_icon {
  position: absolute;
  top: 60%;
  right: 0.125rem;
  bottom: 50%;
  width: 0.75rem;
  height: 0.75rem;

  margin-block: auto;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_icon {
    top: inherit;
    right: inherit;
    bottom: 0.3125rem;
  }
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_icon::before,
.the-new-creators .anchor .anchor_accordion .anchor_accordion_icon::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-blue);

  inset: 0;
  margin-block: auto;
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_icon::before {
  transform: rotate(90deg);
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_body {
  display: none;
  position: absolute;
  transform: translateY(100%);

  inset: auto 0 0;
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_close {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.1em;
  font-family: var(--font-family-noto);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;

  padding-inline-end: 1.25rem;
  margin-block-start: 1rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_accordion .anchor_accordion_close {
    letter-spacing: 0;
    font-family: var(--font-family-noto);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 150%;

    margin-block-start: 1.3125rem;
  }
}
.the-new-creators .anchor .anchor_accordion .anchor_accordion_close::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.0625rem;
  background-color: var(--color-white);

  inset: 0 0 0 auto;
  margin-block: auto;
}
.the-new-creators .anchor .anchor_results_button {
  padding: 0.5rem 1rem 0.75rem;
  border: none;
  width: 100%;

  margin-block-start: 0.5625rem;
}
@media (min-width: 768px) {
  .the-new-creators .anchor .anchor_results_button {
    margin-block-start: 0.25rem;
  }
}
.the-new-creators .anchor .anchor_results_button .cmp-button_arrow {
  right: 0;
}
.the-new-creators .anchor .anchor_results_button::after {
  background: none;
}
.the-new-creators .anchor.-menu {
  margin-block-start: 0;
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_inner {
    padding-inline: 2.3125rem;
  }
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_list {
    display: grid;

    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1.375rem;
    margin-block: 0.625rem 0;
  }
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_item {
    text-align: left;
  }
}
.the-new-creators .anchor.-menu .anchor_item:last-of-type:nth-of-type(7) {
  grid-template-columns: auto;
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_link {
    padding-block: 0.8125rem;
  }
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_link::after {
    position: absolute;

    inset: 0.9375rem 0.1875rem 0 auto;
  }
}
.the-new-creators .anchor.-menu .anchor_en {
  letter-spacing: 0.03em;
  font-family: var(--font-family-poppins);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}
.the-new-creators .anchor.-menu .anchor_ja {
  letter-spacing: 0.1em;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 130%;
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_ja {
    font-size: 0.8125rem;
  }
}
.the-new-creators .anchor.-menu .anchor_button {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .the-new-creators .anchor.-menu .anchor_button {
    margin-block-start: 1.4375rem;
  }
}
.the-new-creators .anchor.-menu .anchor_accordion .anchor_accordion_button {
  justify-items: start;
}
.the-new-creators .anchor.-menu .anchor_accordion .anchor_accordion_text {
  width: inherit;

  justify-items: start;
}
.the-new-creators .anchor.-menu .anchor_accordion .anchor_accordion_icon {
  top: 50%;
  right: 0.125rem;
  bottom: 50%;
}
.the-new-creators .zoom-figure {
  flex: 1;
}
.the-new-creators .zoom-figure .zoom-figure_image,
.the-new-creators .zoom-figure .zoom-figure_zoom {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #101010;

  --duration: 0.25s;
  aspect-ratio: 304/195;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure .zoom-figure_image,
  .the-new-creators .zoom-figure .zoom-figure_zoom {
    aspect-ratio: 1042/540;
  }
}
.the-new-creators .zoom-figure .zoom-figure_image::before,
.the-new-creators .zoom-figure .zoom-figure_zoom::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition: opacity var(--duration) cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background-color: var(--color-black);
  pointer-events: none;

  inset: 0;
}
.the-new-creators .zoom-figure .zoom-figure_image::after,
.the-new-creators .zoom-figure .zoom-figure_zoom::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: clamp(1.875 * var(--base-size), 3.90625vw, 3.125 * var(--base-size));
  height: clamp(1.875 * var(--base-size), 3.90625vw, 3.125 * var(--base-size));
  background-image: url(/camera/the_new_creators/assets/images/icon_zoom.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .zoom-figure .zoom-figure_image:hover,
  .the-new-creators .zoom-figure .zoom-figure_zoom:hover {
    --duration: 0.8s;
  }
  .the-new-creators .zoom-figure .zoom-figure_image:hover::before,
  .the-new-creators .zoom-figure .zoom-figure_zoom:hover::before {
    opacity: 0.3;
  }
  .the-new-creators .zoom-figure .zoom-figure_image:hover img,
  .the-new-creators .zoom-figure .zoom-figure_zoom:hover img {
    transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .zoom-figure .zoom-figure_image:hover,
  .the-new-creators .zoom-figure .zoom-figure_zoom:hover {
    --duration: 0.8s;
  }
  .the-new-creators .zoom-figure .zoom-figure_image:hover::before,
  .the-new-creators .zoom-figure .zoom-figure_zoom:hover::before {
    opacity: 0.3;
  }
  .the-new-creators .zoom-figure .zoom-figure_image:hover img,
  .the-new-creators .zoom-figure .zoom-figure_zoom:hover img {
    transform: scale(1.05);
  }
}
.the-new-creators .zoom-figure .zoom-figure_image img,
.the-new-creators .zoom-figure .zoom-figure_zoom img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);

  -o-object-fit: contain;

     object-fit: contain;
}
.the-new-creators .zoom-figure .zoom-figure_image::before,
.the-new-creators .zoom-figure .zoom-figure_image::after {
  display: none;
}
.the-new-creators .zoom-figure .zoom-figure_movie {
  overflow: hidden;
  position: relative;

  --duration: 0.25s;
}
.the-new-creators .zoom-figure .zoom-figure_movie::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 1;
  transition: opacity var(--duration) cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background-color: var(--color-black);
  pointer-events: none;

  inset: 0;
}
.the-new-creators .zoom-figure .zoom-figure_movie::after {
  content: "";
  position: absolute;
  z-index: 2;
  margin: auto;
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(/camera/the_new_creators/assets/images/icon_play.svg);
  background-repeat: no-repeat;
  background-size: contain;

  inset: 0;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure .zoom-figure_movie::after {
    width: clamp(4.1875 * var(--base-size), 8.75vw, 7 * var(--base-size));
    height: clamp(4.1875 * var(--base-size), 8.75vw, 7 * var(--base-size));
  }
}
.the-new-creators .zoom-figure .zoom-figure_movie img {
  display: block;
  transition: transform var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .zoom-figure .zoom-figure_movie:hover {
    --duration: 0.8s;
  }
  .the-new-creators .zoom-figure .zoom-figure_movie:hover::before {
    opacity: 0.3;
  }
  .the-new-creators .zoom-figure .zoom-figure_movie:hover img {
    transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .zoom-figure .zoom-figure_movie:hover {
    --duration: 0.8s;
  }
  .the-new-creators .zoom-figure .zoom-figure_movie:hover::before {
    opacity: 0.3;
  }
  .the-new-creators .zoom-figure .zoom-figure_movie:hover img {
    transform: scale(1.05);
  }
}
.the-new-creators .zoom-figure .zoom-figure_figcaption {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  letter-spacing: 0.1em;
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 125%;

  gap: 0.3125rem;
  margin-block-start: 2.5rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure .zoom-figure_figcaption {
    letter-spacing: 0.1em;
    font-family: var(--font-family-noto);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 150%;

    gap: clamp(0.4375 * var(--base-size), 1.01563vw, 0.8125 * var(--base-size));
    margin-block-start: clamp(1.1875 * var(--base-size), 2.5vw, 2 * var(--base-size));
  }
}
.the-new-creators .zoom-figure .zoom-figure_figcaption .caption {
  opacity: 0.73;
  position: absolute;
  top: -2.5rem;
  right: 0;
  letter-spacing: 0;
  color: var(--color-white);
  font-family: var(--font-family-noto);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 170%;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure .zoom-figure_figcaption .caption {
    top: -1rem;
  }
}
.the-new-creators .zoom-figure .zoom-figure_figcaption .tag {
  text-align: center;
  color: var(--color-white);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 220%;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure .zoom-figure_figcaption .tag {
    line-height: 150%;
  }
}
.the-new-creators .zoom-figure .zoom-figure_figcaption small {
  letter-spacing: 0.1em;
  font-family: var(--font-family-noto);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 120%;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure .zoom-figure_figcaption small {
    font-size: 1.375rem;
  }
}
.the-new-creators .zoom-figure.-medium {
  margin-block: 0.4375rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-medium {
    margin-block-end: -0.875rem;
  }
}
.the-new-creators .zoom-figure.-medium .zoom-figure_image,
.the-new-creators .zoom-figure.-medium .zoom-figure_zoom {
  aspect-ratio: 304/195;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-medium .zoom-figure_image,
  .the-new-creators .zoom-figure.-medium .zoom-figure_zoom {
    aspect-ratio: 498/320;
  }
}
.the-new-creators .zoom-figure.-medium .zoom-figure_movie::after {
  width: 3.125rem;
  height: 3.125rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-medium .zoom-figure_movie::after {
    width: clamp(3 * var(--base-size), 6.25vw, 5 * var(--base-size));
    height: clamp(3 * var(--base-size), 6.25vw, 5 * var(--base-size));
  }
}
.the-new-creators .zoom-figure.-medium .zoom-figure_figcaption {
  margin-top: 0.0625rem;

  gap: 0.5625rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-medium .zoom-figure_figcaption {
    gap: clamp(0.25 * var(--base-size), 0.625vw, 0.5 * var(--base-size));
    margin-block-start: clamp(0.8125 * var(--base-size), 1.71875vw, 1.375 * var(--base-size));
  }
}
.the-new-creators .zoom-figure.-small .zoom-figure_image,
.the-new-creators .zoom-figure.-small .zoom-figure_zoom {
  aspect-ratio: 144/92;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-small .zoom-figure_image,
  .the-new-creators .zoom-figure.-small .zoom-figure_zoom {
    aspect-ratio: 230/148;
  }
}
.the-new-creators .zoom-figure.-small .zoom-figure_zoom::after {
  width: clamp(1.125 * var(--base-size), 2.34375vw, 1.875 * var(--base-size));
  height: clamp(1.125 * var(--base-size), 2.34375vw, 1.875 * var(--base-size));
}
.the-new-creators .zoom-figure.-small .zoom-figure_movie::after {
  width: 3.125rem;
  height: 3.125rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-small .zoom-figure_movie::after {
    width: clamp(2.25 * var(--base-size), 4.6875vw, 3.75 * var(--base-size));
    height: clamp(2.25 * var(--base-size), 4.6875vw, 3.75 * var(--base-size));
  }
}
.the-new-creators .zoom-figure.-small .zoom-figure_figcaption {
  font-size: 1rem;
  line-height: 120%;

  gap: 0.3125rem;
  margin-block-start: -0.125rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-small .zoom-figure_figcaption {
    font-size: 1.625rem;

    gap: clamp(0.4375 * var(--base-size), 1.01563vw, 0.8125 * var(--base-size));
    margin-block-start: clamp(0.875 * var(--base-size), 1.875vw, 1.5 * var(--base-size));
  }
}
.the-new-creators .zoom-figure.-small .zoom-figure_figcaption .tag {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-small .zoom-figure_figcaption .tag {
    font-size: 1.125rem;
  }
}
.the-new-creators .zoom-figure.-small .zoom-figure_figcaption small {
  font-size: 0.75rem;
  line-height: 150%;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-figure.-small .zoom-figure_figcaption small {
    font-size: 1.375rem;
  }
}
.the-new-creators .zoom-modal {
  position: fixed;
  z-index: 2000;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-black);

  inset: 0;
}
.the-new-creators .zoom-modal[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
}
.the-new-creators .zoom-modal[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}
.the-new-creators .zoom-modal .zoom-modal_overlay {
  height: 100%;
  background-color: var(--color-black);
}
.the-new-creators .zoom-modal .zoom-modal_scroller {
  display: flex;
  overflow-y: auto;
  height: 100%;
}
.the-new-creators .zoom-modal .zoom-modal_box {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 58.125rem;
  height: -moz-fit-content;
  height: fit-content;
  pointer-events: none;

  gap: 0.625rem;
  margin-inline: auto;
}
.the-new-creators .zoom-modal .zoom-modal_box > * {
  pointer-events: auto;
}
.the-new-creators .zoom-modal .zoom-modal_close {
  display: block;
  padding: 0;
  border: none;
  width: 1.25rem;
  background-color: transparent;

  aspect-ratio: 1/1;
  margin-inline: auto 0.625rem;
}
@media (min-width: 768px) {
  .the-new-creators .zoom-modal .zoom-modal_close {
    width: 1.9375rem;
  }
}
.the-new-creators .zoom-modal .zoom-modal_close img {
  width: 100%;
  pointer-events: none;
}
.the-new-creators .zoom-modal .zoom-modal_loading {
  display: flex;
  align-items: center;
  justify-content: center;

  aspect-ratio: 930/500;
}
.the-new-creators .zoom-modal .zoom-modal_loading img {
  width: 2rem;
}
.the-new-creators .zoom-modal .zoom-modal_image-box img {
  width: 100%;
  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;
}
.the-new-creators .zoom-modal .zoom-modal_iframe {
  border: none;
  width: 100%;
  height: 100%;

  aspect-ratio: 16/9;
}
.the-new-creators .sns {
  position: relative;
  z-index: 1;

  padding-block: 0.625rem 3.0625rem;
}
@media (min-width: 768px) {
  .the-new-creators .sns {
    padding-block: 2.5rem 5.0625rem;
  }
}
.the-new-creators .sns:not(.-menu)::after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: var(--color-gray);

  inset: 0;
  margin-inline: calc(50% - 50vw);
}
.the-new-creators .sns .sns_title {
  text-align: center;
  letter-spacing: 0.1em;
  font-family: var(--font-family-noto);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 768px) {
  .the-new-creators .sns .sns_title {
    letter-spacing: 0.1em;
    font-size: 1.25rem;
    line-height: 120%;
  }
}
.the-new-creators .sns .sns_list {
  display: flex;
  justify-content: center;

  gap: 1.25rem;
  margin-block-start: 1.125rem;
}
.the-new-creators .sns .sns_item {
  flex-shrink: 0;
}
.the-new-creators .sns .sns_link {
  display: block;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  border: 0.0625rem solid var(--color-line-gray);
  border-radius: 50%;
  width: 3.0625rem;
  height: 3.0625rem;
  transition: scale 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (min-width: 768px) {
  .the-new-creators .sns .sns_link {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .the-new-creators .sns .sns_link:hover {
    transition: scale 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    background-color: var(--color-white) !important;

    scale: 1.1;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .the-new-creators .sns .sns_link:hover {
    transition: scale 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    background-color: var(--color-white) !important;

    scale: 1.1;
  }
}
.the-new-creators .sns .sns_link img[src*=x] {
  width: 0.8125rem;
  height: 0.8125rem;
}
@media (min-width: 768px) {
  .the-new-creators .sns .sns_link img[src*=x] {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.the-new-creators .sns .sns_link img[src*=facebook] {
  width: 0.9375rem;
  height: 0.9375rem;
}
@media (min-width: 768px) {
  .the-new-creators .sns .sns_link img[src*=facebook] {
    width: 1.4375rem;
    height: 1.4375rem;
  }
}
.the-new-creators .sns .sns_link img[src*=instagram] {
  width: 0.9375rem;
  height: 0.9375rem;
}
@media (min-width: 768px) {
  .the-new-creators .sns .sns_link img[src*=instagram] {
    width: 1.4375rem;
    height: 1.4375rem;
  }
}
.the-new-creators .sns .sns_link img[src*=note] {
  width: 0.75rem;
  height: 0.75rem;
}
@media (min-width: 768px) {
  .the-new-creators .sns .sns_link img[src*=note] {
    width: 1.0625rem;
    height: 1.0625rem;
  }
}
@media (min-width: 768px) {
  .the-new-creators .sns.-menu {
    padding-block: 0;
    margin-block-start: 2.5rem;
  }
}
@media (min-width: 768px) {
  .the-new-creators .sns.-menu .sns_list {
    margin-block-start: 0;
  }
}
.the-new-creators .sns.-menu .sns_link {
  background-color: var(--color-gray);
}