@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
  * 1. Use the default cursor in all browsers (opinionated).
  * 2. Change the line height in all browsers (opinionated).
  * 3. Use a 4-space tab width in all browsers (opinionated).
  * 4. Remove the grey highlight on links in iOS (opinionated).
  * 5. Prevent adjustments of font size after orientation changes in
  *    IE on Windows Phone and in iOS.
  * 6. Breaks words to prevent overflow in all browsers (opinionated).
  */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
  * ========================================================================== */
/**
  * Remove the margin in all browsers (opinionated).
  */
body {
  margin: 0;
}

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Edge, Firefox, and Safari.
  */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
  * ========================================================================== */
/**
  * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
  */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
  * Remove the margin on nested lists in Edge 18- and IE.
  */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
  * 1. Correct the inheritance of border color in Firefox.
  * 2. Add the correct box sizing in Firefox.
  * 3. Show the overflow in Edge 18- and IE.
  */
hr {
  color: inherit; /* 1 */
  height: 0; /* 2 */
  overflow: visible; /* 3 */
}

/**
  * Add the correct display in IE.
  */
main {
  display: block;
}

/**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
  * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
  */
nav li::before {
  content: "​";
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  * 3. Prevent overflow of the container in all browsers (opinionated).
  */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
  -ms-overflow-style: scrollbar; /* 3 */
}

/* Text-level semantics
  * ========================================================================== */
/**
  * Remove the gray background on active links in IE 10.
  */
a {
  background-color: transparent;
}

/**
  * Add the correct text decoration in Edge 18-, IE, and Safari.
  */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
b,
strong {
  font-weight: bolder;
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
  * Add the correct font size in all browsers.
  */
small {
  font-size: 80%;
}

/* Embedded content
  * ========================================================================== */
/*
  * Change the alignment on media elements in all browsers (opinionated).
  */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
  * Add the correct display in IE 9-.
  */
audio,
video {
  display: inline-block;
}

/**
  * Add the correct display in iOS 4-7.
  */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
  * Remove the border on iframes in all browsers (opinionated).
  */
iframe {
  border-style: none;
}

/**
  * Remove the border on images within links in IE 10-.
  */
img {
  border-style: none;
}

/**
  * Change the fill color to match the text color in all browsers (opinionated).
  */
svg:not([fill]) {
  fill: currentColor;
}

/**
  * Hide the overflow in IE.
  */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
  * ========================================================================== */
/**
  * 1. Collapse border spacing in all browsers (opinionated).
  * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
  * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
  */
table {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
  * ========================================================================== */
/**
  * Remove the margin on controls in Safari.
  */
button,
input,
select {
  margin: 0;
}

/**
  * 1. Show the overflow in IE.
  * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
  */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
  * Correct the inability to style buttons in iOS and Safari.
  */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
  * 1. Change the inconsistent appearance in all browsers (opinionated).
  * 2. Correct the padding in Firefox.
  */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
  * Show the overflow in Edge 18- and IE.
  */
input {
  overflow: visible;
}

/**
  * 1. Correct the text wrapping in Edge 18- and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
  * 1. Add the correct display in Edge 18- and IE.
  * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
  */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
  * Remove the inheritance of text transform in Firefox.
  */
select {
  text-transform: none;
}

/**
  * 1. Remove the margin in Firefox and Safari.
  * 2. Remove the default vertical scrollbar in IE.
  * 3. Change the resize direction in all browsers (opinionated).
  */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
  resize: block; /* 3 */
}

/**
  * Remove the padding in IE 10-.
  */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
  * 1. Correct the odd appearance in Chrome, Edge, and Safari.
  * 2. Correct the outline style in Safari.
  */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Safari.
  */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
  * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
  * Remove the inner padding in Chrome, Edge, and Safari on macOS.
  */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
  * 1. Correct the inability to style upload buttons in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
  * Remove the inner border and padding of focus outlines in Firefox.
  */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
  * Restore the focus outline styles unset by the previous rule in Firefox.
  */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
  * Remove the additional :invalid styles in Firefox.
  */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
  * ========================================================================== */
/*
  * Add the correct display in Edge 18- and IE.
  */
details {
  display: block;
}

/*
  * Add the correct styles in Edge 18-, IE, and Safari.
  */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
  * Add the correct display in all browsers.
  */
summary {
  display: list-item;
}

/* Scripting
  * ========================================================================== */
/**
  * Add the correct display in IE 9-.
  */
canvas {
  display: inline-block;
}

/**
  * Add the correct display in IE.
  */
template {
  display: none;
}

/* User interaction
  * ========================================================================== */
/*
  * Remove the tapping delay in IE 10.
  */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

/**
  * Add the correct display in IE 10-.
  */
[hidden] {
  display: none;
}

/* Accessibility
  * ========================================================================== */
/**
  * Change the cursor on busy elements in all browsers (opinionated).
  */
[aria-busy=true] {
  cursor: progress;
}

/*
  * Change the cursor on control elements in all browsers (opinionated).
  */
[aria-controls] {
  cursor: pointer;
}

/*
  * Change the cursor on disabled, not-editable, or otherwise
  * inoperable elements in all browsers (opinionated).
  */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
  * Change the display on visually hidden accessible elements
  * in all browsers (opinionated).
  */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* @mixin MQ_OVER {
    @media (min-width: 1000px) {
        @content;
    }
} */
:root {
  --articleScrollPer: 0%;
}

html {
  scroll-behavior: auto;
}

/*.is-changingというクラスは、jsにてトランジションの開始から完了までhtml要素に反映されます。*/
html.is-changing .transition-fade {
  transition: opacity 300ms;
  opacity: 1;
}

/*.is-animatingクラスは、アニメーションスタートから新しいページの読み込みが完了するまでのスパンです。*/
html.is-animating .transition-fade {
  opacity: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  color: #323232;
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
body.-lock {
  overflow: hidden;
}
img {
  width: 100%;
}

button {
  cursor: pointer;
  display: block;
  outline: none;
  padding: 0;
}

iframe[name=google_conversion_frame] {
  height: 0;
  position: absolute;
}

a {
  cursor: pointer;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
  scrollbar-gutter: stable;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-touch {
  touch-action: none; /* スワイプ操作をLenis側に任せる */
}

/* sanitize overwrite */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dd,
dt {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ol,
ul,
li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: none;
}

main {
  display: block;
}

button {
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
}

nav li:before {
  content: "";
  display: none;
}

.l-main__bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  width: 100%;
  z-index: -1;
  opacity: 0.6;
  animation: bg-hue 20s linear infinite, bg-opacity 5s ease-in-out infinite;
}
[data-pageid=voices].-ready .l-main__bg {
  animation: rainIn 0.5s 0.5s ease forwards, rainOff 1.5s 2s ease forwards;
  filter: brightness(0) invert(1);
  z-index: 1;
}
.is-article-top[data-pageid=voices] .l-main__bg {
  opacity: 0.6 !important;
  filter: none;
  z-index: 10;
}
[data-pageid=producers] .l-main__bg {
  opacity: 0;
  z-index: 1;
}
[data-pageid=producers].-ready .l-main__bg {
  animation: rainIn 0.5s 0.5s ease forwards, rainOff 1.5s 2s ease forwards;
  filter: brightness(0) invert(1);
}

@keyframes bg-hue {
  0% {
    filter: hue-rotate(0);
  }
  50% {
    filter: hue-rotate(90deg);
  }
  100% {
    filter: hue-rotate(0);
  }
}
@keyframes bg-opacity {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes rainIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes rainOff {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
.l-entry {
  background: linear-gradient(60deg, rgb(205, 170, 255) 2.55%, rgb(255, 127, 185) 33.85%, rgb(255, 174, 101) 65.09%, rgb(255, 245, 233) 100%);
  position: relative;
  z-index: 10;
  padding: min(6.3vw, 50px) 6.1vw min(9.1vw, 72px);
}

.l-entry__inner {
  margin: 0 auto;
}

.l-entry__content {
  margin-top: min(4vw, 32px);
}

.l-entry__text {
  font-weight: 800;
  flex-shrink: 0;
  font-size: min(4.3vw, 34px);
  line-height: 1.3571428571;
  text-align: center;
  margin-top: min(2vw, 16px);
  padding: 0 2.5vw;
}
.l-entry__text .br-nrw {
  display: block;
}

.l-entry__link {
  background: #323232;
  position: relative;
  border-radius: 1vw;
  color: #ffadb2;
  filter: drop-shadow(1.2vw 1.2vw 1.2vw rgba(0, 0, 0, 0.1));
  height: min(16.7vw, 132px);
  width: 100%;
  max-width: 645px;
  margin: 0 auto;
  overflow: hidden;
}
.l-entry__link a {
  display: inline-block;
  font-weight: 700;
  height: 100%;
  text-align: center;
  width: 100%;
  font-size: min(5vw, 40px);
  line-height: min(16.7vw, 132px);
  position: relative;
  letter-spacing: 0.01em;
  z-index: 1;
}
.l-entry__link span {
  display: inline-block;
  position: relative;
  padding-right: 5vw;
}
.l-entry__link span::before, .l-entry__link span::after {
  position: absolute;
  top: 52%;
  right: 0;
  aspect-ratio: 29/30;
  content: "";
  display: block;
  transform: translate(0, -50%);
  width: min(3.8vw, 30px);
}
.l-entry__link span::before {
  background: url(../../assets/img/common/ico/ico_entry_arw.svg) no-repeat 50% 50%/contain;
}
.l-entry__link span::after {
  background: url(../../assets/img/common/ico/ico_entry_r.svg) no-repeat 50% 50%/contain;
}
@keyframes entryIcoMove {
  0% {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) translateX(100%);
  }
  51% {
    opacity: 0;
    transform: translateY(-50%) translateX(100%);
  }
  52% {
    opacity: 0;
    transform: translateY(-50%) translateX(-30%);
  }
  53% {
    opacity: 1;
    transform: translateY(-50%) translateX(-30%);
  }
  100% {
    transform: translateY(-50%) translateX(0);
  }
}

.l-footer {
  background: #282828;
  color: #9b9ba0;
  position: relative;
  z-index: 10;
}

.l-footer__official__title {
  text-align: center;
  font-weight: 500;
}

.l-footer__official__list {
  justify-content: center;
  display: flex;
}

.l-footer__nav__list {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.l-footer__nav__list__item {
  font-weight: 600;
  display: inline-block;
}

.l-footer__companyinfo {
  border-top: 1px solid #3c3c3c;
}

.l-footer__brand {
  align-items: center;
  display: flex;
}

.l-footer__copyright__text {
  color: #9b9ba0;
  line-height: 1.8;
  font-weight: 600;
}

.l-footer__titlecopyright {
  color: #9b9ba0;
  font-weight: 600;
  word-break: break-all;
}

.l-gnav {
  position: fixed;
  top: 0;
  left: 0;
  background: #323232;
  color: white;
  clip-path: inset(0 0 0 100%);
  height: 100dvh;
  transition: all 0.5s ease;
  visibility: hidden;
  width: 100%;
  z-index: 900;
  overflow: auto;
}
.-gnav-open .l-gnav {
  clip-path: inset(0 0 0 0);
  visibility: visible;
}

.l-gnav__inner {
  height: 100%;
  width: 100%;
}

.l-gnav__btnwrap {
  position: fixed;
  top: 11px;
  right: 20px;
  width: 34px;
  z-index: 1000;
}

.l-gnav__btn {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  height: 30px;
  padding: 0;
  position: relative;
}

.l-gnav__btn__line {
  background: #323232;
  height: 2px;
  transition: all 0.3s ease;
  transform-origin: right;
  width: 34px;
}
.-gnav-open .l-gnav__btn__line {
  background: #fff;
}
.-gnav-open .l-gnav__btn__line:nth-of-type(1) {
  transform-origin: right top;
}
.-gnav-open .l-gnav__btn__line:nth-of-type(2) {
  transform: scaleX(0.8);
  transform-origin: right;
}
.-gnav-open .l-gnav__btn__line:nth-of-type(3) {
  transform: scaleX(0.6);
}

.l-gnav__btnwrap__text {
  font-size: 0.65625rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.l-gnav__btnwrap__text::before {
  content: attr(data-text);
  display: block;
}
.-gnav-open .l-gnav__btnwrap__text {
  color: #fff;
  letter-spacing: 0.02em;
}

.l-gnav .l-nav__list__item .txt {
  overflow: hidden;
  display: inline-block;
}
.l-gnav .l-nav__list__item .sub {
  opacity: 0;
}
.-gnav-open .l-gnav .l-nav__list__item .sub {
  animation: tapeInLR 0.8s 0.3s ease forwards;
}
.l-gnav .l-nav__list__item:nth-of-type(1) .txt span {
  animation-delay: 0.34s;
}
.l-gnav .l-nav__list__item:nth-of-type(2) .txt span {
  animation-delay: 0.38s;
}
.l-gnav .l-nav__list__item:nth-of-type(3) .txt span {
  animation-delay: 0.42s;
}
.l-gnav .l-nav__list__item:nth-of-type(4) .txt span {
  animation-delay: 0.46s;
}
.l-gnav .l-nav__list__item:nth-of-type(5) .txt span {
  animation-delay: 0.5s;
}
.l-gnav .l-nav__list__item:nth-of-type(6) .txt span {
  animation-delay: 0.54s;
}

@keyframes navTextIn {
  0% {
    transform: translateY(110%);
  }
  100% {
    transform: translateY(0);
  }
}

.c-header-logo-img {
  line-height: 1;
}
.c-header-logo-img img {
  vertical-align: top;
}

.c-header-logo-text {
  display: flex;
  color: #323232;
  flex-direction: column;
  line-height: 1;
  text-align: center;
}
.l-nav__header .c-header-logo-text {
  color: #fff;
}
.c-header-logo-text .sub {
  display: inline-block;
  position: relative;
}
.c-header-logo-text .term {
  position: relative;
}
[data-pageid=top] .c-header-logo-text .sub::after {
  position: absolute;
  top: 50%;
  left: 0;
  background: #323232;
  content: "";
  height: 115%;
  transform: translateY(-50%) scaleX(1);
  transform-origin: right;
  transition: transform 0.4s 0.4s cubic-bezier(1, 0, 0, 1);
  width: 100%;
}
[data-pageid=top].-ready .c-header-logo-text .sub {
  animation: tapeInLR 0.5s 0s cubic-bezier(1, 0, 0, 1) forwards;
}
[data-pageid=top].-ready .c-header-logo-text .sub::after {
  transform: translateY(-50%) scaleX(0);
}
[data-pageid=top] .c-header-logo-text .sub {
  opacity: 0;
}
[data-pageid=top] .c-header-logo-text .term::after {
  position: absolute;
  top: 50%;
  left: 0;
  background: #323232;
  content: "";
  height: 115%;
  transform: translateY(-50%) scaleX(1);
  transform-origin: right;
  transition: transform 0.4s 0.5s cubic-bezier(1, 0, 0, 1);
  width: 100%;
}
[data-pageid=top].-ready .c-header-logo-text .term {
  animation: tapeInLR 0.5s 0.1s cubic-bezier(1, 0, 0, 1) forwards;
}
[data-pageid=top].-ready .c-header-logo-text .term::after {
  transform: translateY(-50%) scaleX(0);
}
[data-pageid=top] .c-header-logo-text .term {
  opacity: 0;
}

.l-header {
  position: relative;
  width: 100%;
  z-index: 10;
}
[data-pageid=producers] .l-header {
  mix-blend-mode: normal;
}

.l-header__left {
  pointer-events: all;
  z-index: 10;
}
.l-header__left.-top {
  display: none;
}
.l-header__left.-header {
  display: block;
}

.l-header__right {
  align-items: center;
  display: flex;
  pointer-events: all;
}
[data-pageid=top] .l-header__logo {
  pointer-events: none;
}
[data-pageid=top].-ready .l-header__logo {
  pointer-events: all;
}

.l-header__logo__img {
  line-height: 1;
}
[data-pageid=top] .l-header__logo__img {
  clip-path: inset(0 100% 0 0);
}
[data-pageid=top].-ready .l-header__logo__img {
  animation: tapeInLR 0.5s 0s ease forwards;
}

.l-main {
  min-height: 100svh;
  width: 100%;
}
[data-pageid=top] .l-main {
  padding-top: 0;
}
[data-pageid=voices] .l-main {
  padding-bottom: 0;
  padding-top: 0;
}
[data-pageid=producers] .l-main {
  padding-top: 0;
  background: #000;
  color: #fff;
}
[data-pageid=people] .l-main {
  padding-bottom: 0;
  padding-top: 136px;
}

@keyframes nav-underline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.l-nav__header {
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  z-index: 10;
}

.l-nav__header__wrapper {
  position: absolute;
  top: 7px;
  left: 15px;
}

.l-nav__list {
  display: flex;
}
.l-gnav .l-nav__list {
  flex-direction: column;
  gap: 27.5px;
  margin: 0 auto;
  padding: 142px 0;
  width: 77.6%;
}

.l-nav__list__item {
  display: inline-block;
  line-height: 1;
  position: relative;
  font-size: clamp(24px, -64.1495327103px + 11.214953271vw, 72px);
}
.l-nav__list__item .sub {
  display: block;
  font-size: clamp(13px, -34.7476635514px + 6.0747663551vw, 39px);
  font-weight: 500;
  margin-top: clamp(4px, -10.691588785px + 1.8691588785vw, 12px);
}
.l-nav__list__item.-top {
  display: none;
}
[data-pageid=producers] .l-nav__list__item {
  color: #fff;
}
.l-nav__list__item::after {
  position: absolute;
  left: 0;
  bottom: -5px;
  background: #CDCDCD;
  content: "";
  height: 2px;
  width: 0;
}
[data-pageid=producers] .l-nav__list__item::after {
  background: #fff;
}
.l-gnav .l-nav__list__item::after {
  width: clamp(12px, -32.0747663551px + 5.6074766355vw, 36px);
  position: absolute;
  top: clamp(12.5px, -33.4112149533px + 5.8411214953vw, 37.5px);
  left: clamp(-20px, 53.4579439252px + -9.3457943925vw, -60px);
}
.l-gnav .l-nav__list__item::after {
  height: 1px;
  background: #fff;
}
.l-nav__list__item.-trailers {
  white-space: nowrap;
}
.l-nav__list__item.-trailers::after {
  position: absolute;
  top: clamp(6px, -16.0373831776px + 2.8037383178vw, 18px);
  left: clamp(-26.5px, 70.8317757009px + -12.3831775701vw, -79.5px);
  background: url(../../assets/img/common/ico/ico_movie.svg) no-repeat 0 0/contain;
  content: "";
  height: clamp(14px, -37.4205607477px + 6.5420560748vw, 42px);
  width: clamp(21px, -56.1308411215px + 9.8130841121vw, 63px);
}

.l-nav__sublist {
  margin: 0.8em 0 0 0;
}

.l-nav__sublist__item {
  font-size: clamp(15px, -40.0934579439px + 7.0093457944vw, 45px);
  font-weight: 700;
  line-height: 1.2666666667;
  position: relative;
}
.l-nav__sublist__item + .l-nav__sublist__item {
  margin-top: 0.5em;
}
.l-nav__sublist__item .acumin {
  font-size: clamp(16px, -42.7663551402px + 7.476635514vw, 48px);
}
.l-gnav .l-nav__sublist__item {
  padding-left: clamp(20px, -53.4579439252px + 9.3457943925vw, 60px);
}
.l-nav__sublist__item::after {
  position: absolute;
  left: 0;
  bottom: clamp(-5px, 13.3644859813px + -2.3364485981vw, -15px);
  background: #CDCDCD;
  content: "";
  height: 1.5px;
  width: 0;
}
.l-gnav .l-nav__sublist__item::after {
  width: clamp(12px, -32.0747663551px + 5.6074766355vw, 36px);
  position: absolute;
  top: clamp(10px, -26.7289719626px + 4.6728971963vw, 30px);
  left: 0;
}
.l-gnav .l-nav__sublist__item::after, [data-pageid=producers] .l-nav__sublist__item::after {
  height: 1px;
  background: #fff;
}

.l-nav__entry {
  position: fixed;
  left: 0;
  bottom: 0;
  color: #323232;
}
.l-nav__entry .l-entry {
  display: block;
}
.l-nav__entry .l-entry__text {
  display: none;
}
.l-nav__entry .l-entry__link {
  opacity: 1;
}

.l-nav__entry__inner {
  display: none;
}

.l-nav__entry__txt {
  color: #323232;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  line-height: 1.3103448276;
}

.l-nav__entry__btn {
  background: #323232;
  border-radius: 1vw;
  display: block;
  margin: 2vw auto;
  position: relative;
  width: min(81.4vw, 640px);
}

.l-nav__entry__btn__txt {
  align-items: center;
  font-size: min(5vw, 40px);
  font-weight: 700;
  color: #ffadb2;
  display: flex;
  height: min(15.2vw, 120px);
  justify-content: center;
  line-height: 1;
  width: 100%;
}
.l-nav__entry__btn__txt span {
  display: inline-block;
  padding-right: 6.3vw;
  position: relative;
}
.l-nav__entry__btn__txt span::before, .l-nav__entry__btn__txt span::after {
  position: absolute;
  top: 52%;
  right: 0;
  aspect-ratio: 29/30;
  content: "";
  display: block;
  transform: translate(0, -50%);
  width: min(3.8vw, 30px);
}
.l-nav__entry__btn__txt span::before {
  background: url(../../assets/img/common/ico/ico_entry_arw.svg) no-repeat 50% 50%/contain;
}
.l-nav__entry__btn__txt span::after {
  background: url(../../assets/img/common/ico/ico_entry_r.svg) no-repeat 50% 50%/contain;
}

.l-pcentry__btn {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: #323232;
  display: none;
  height: min(86px, 6.7vw);
  width: min(176px, 13.7vw);
  z-index: 10;
}
[data-pageid=top] .l-pcentry__btn {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s 0.5s ease;
}
[data-pageid=top].-ready .l-pcentry__btn {
  clip-path: inset(0 0 0 0);
}

.l-pcentry__btn__txt {
  font-size: 1.25rem;
  align-items: center;
  font-weight: 800;
  color: #ffadb2;
  display: flex;
  justify-content: center;
  line-height: 1;
  letter-spacing: 0.01em;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.l-pcentry__btn__txt span {
  display: inline-block;
  padding-right: 28px;
  position: relative;
}
.l-pcentry__btn__txt span::before, .l-pcentry__btn__txt span::after {
  position: absolute;
  top: 50%;
  right: 0;
  aspect-ratio: 29/30;
  content: "";
  display: block;
  transform: translate(0, -50%);
  width: 18px;
}
.l-pcentry__btn__txt span::before {
  background: url(../../assets/img/common/ico/ico_entry_arw.svg) no-repeat 50% 50%/contain;
}
.l-pcentry__btn__txt span::after {
  background: url(../../assets/img/common/ico/ico_entry_r.svg) no-repeat 50% 50%/contain;
}
[data-pageid=top] .l-pcentry__btn__txt {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s 0.65s ease;
}
[data-pageid=top].-ready .l-pcentry__btn__txt {
  clip-path: inset(0 0 0 0);
}

.l-sns__list {
  display: flex;
}

.l-sns__list__item {
  display: inline-block;
}
.l-sns__list__item img {
  vertical-align: text-bottom;
}

@keyframes itemFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes itemFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes itemInBT {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes itemInBT {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes itemInTB {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes itemInRL {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes itemInPerRL {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes itemInLR {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tapeInLR {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 1;
  }
}
@keyframes tapeInRL {
  0% {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 1;
  }
}
@keyframes tapeInTB {
  0% {
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 1;
  }
}
@keyframes tapeInBT {
  0% {
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  99% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 1;
  }
}
@keyframes tapeOutBT {
  0% {
    clip-path: inset(0 0 0 0);
  }
  99% {
    clip-path: inset(0 0 100% 0);
  }
  100% {
    clip-path: inset(0 0 100% 0);
  }
}
@keyframes tapeOutTB {
  0% {
    clip-path: inset(0 0 0 0);
  }
  99% {
    clip-path: inset(100% 0 0 0);
  }
  100% {
    clip-path: inset(100% 0 0 0);
  }
}
@keyframes tapeOutLR {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes tapeOutRL {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(0 100% 0 0);
  }
}
@keyframes tapeOutCenterTB {
  0% {
    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 50%, 100% 50%, 100% 50%, 1% 50%, 0 100%, 100% 100%, 100% 0%);
  }
  100% {
    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
  }
}
@keyframes tapeOutTBCenter {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  }
}
@keyframes tapeOutLRCenter {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  }
}
@keyframes tapeOutAroundCenter {
  0% {
    clip-path: inset(0 0 0 0);
  }
  100% {
    clip-path: inset(50% 50% 50% 50%);
  }
}
@keyframes circleInCenterOut {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  99% {
    clip-path: circle(50% at 50% 50%);
  }
  100% {
    clip-path: none;
  }
}
@keyframes itemInScaleX {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes itemInScaleY {
  0% {
    transform: scaleY(0);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes itemOutScaleX {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes itemOutScaleY {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes ImgIn {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes MvImgIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.c-article__header {
  width: 100%;
}
[data-pageid=producers] .c-article__main {
  width: 100%;
}

.c-article__main__inner {
  position: relative;
  z-index: 3;
}

.c-article__main__slider__pagination {
  display: flex;
  justify-content: center !important;
}
.c-article__main__slider__pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
.c-article__main__slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.c-article__main__slider__info .name {
  font-weight: 800;
}
.c-article__main__slider__info .about {
  font-weight: 600;
}

.c-article__main__index {
  background: linear-gradient(50deg, rgb(77, 178, 173) 2.55%, rgb(55, 49, 178) 33.85%, rgb(178, 17, 133) 65.09%, rgb(178, 122, 150) 100%);
  display: inline-block;
  font-weight: 800;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-article__main__index span {
  display: block;
}
.c-article__main__index .part {
  letter-spacing: 0.03em;
}
.voices .c-article__main__index {
  background: #323232;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-article__main__section__title {
  font-weight: 800;
  line-height: 1.5333333333;
  margin-bottom: 0.2em;
  position: relative;
}
.c-article__main__section__title span {
  display: inline-block;
  width: auto;
}
.c-article__main__section__title .bottom {
  clip-path: inset(0 100% 0 0);
}
.takahashi_onogi .c-article__main__section__title .bottom {
  background: linear-gradient(90deg, rgb(255, 189, 67) 0%, rgb(255, 133, 136) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.murata .c-article__main__section__title .bottom {
  background: linear-gradient(90deg, rgb(93, 184, 255) 0%, rgb(193, 154, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.-reveal .c-article__main__section__title .bottom {
  animation: tapeInLR 0.6s 0s ease forwards;
}
.c-article__main__section__title .top {
  position: absolute;
  top: 0;
  left: 0;
  color: #dadada;
}
.takahashi_onogi .c-article__main__section__title .top {
  color: #ffdfa3;
}
.murata .c-article__main__section__title .top {
  color: #a6d8ff;
}
.-reveal .c-article__main__section__title .top {
  animation: tapeOutLR 0.6s 0s ease forwards;
}
.c-article__main__section__title.-mgn {
  margin-top: 15.2vw;
}

.c-article__main__section__text {
  font-weight: 600;
  position: relative;
  text-align: justify;
  transition: opacity 0.5s 0.5s ease-out;
  word-break: break-all;
}
[data-pageid=producers] .c-article__main__section__text {
  font-weight: 500;
}
.c-article__main__section__text .split-line {
  text-align: justify;
}
.c-article__main__section__text p {
  text-align: justify;
}
@keyframes articleTextFadeIn {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.c-article__main__section__text.-mgn {
  margin-top: 15.2vw;
}

.c-article__main__section__comments {
  font-weight: 600;
  position: relative;
  text-align: justify;
  transition: opacity 0.5s 0.5s ease-out;
}

.c-article__main__section__ph,
.c-article__main__section__schedule {
  position: relative;
}
.c-article__main__section__ph .voices__image__text {
  font-weight: 600;
}
.c-article__main__section__ph.-f_n .voices__image__text {
  color: #cc5252;
}
.c-article__main__section__ph.-h_k .voices__image__text {
  color: #4d8c50;
}
.c-article__main__section__ph.-k_o .voices__image__text {
  color: #3d78b2;
}
.c-article__main__section__ph.-y_i_1 .voices__image__text {
  color: #1f8f99;
}
.c-article__main__section__ph.-t_o .voices__image__text {
  color: #7759b2;
}
.c-article__main__section__ph.-y_i_2 .voices__image__text {
  color: #bf65b0;
}
.c-article__main__section__ph.-y_s .voices__image__text {
  color: #778c0d;
}
.c-article__main__section__ph.-t_k .voices__image__text {
  color: #bf6839;
}
.c-article__main__section__ph.-m_t .voices__image__text {
  color: #4b4ba6;
}

.c-article__main__section__ph__caption {
  align-items: flex-start;
  flex-direction: column;
  display: flex;
}
.-right .c-article__main__section__ph__caption {
  align-items: flex-end;
}
.c-article__main__section__ph__caption .caption-comment {
  background: #323232;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
  padding: 0.3em 0.5em 0.4em;
}
.-ready .c-article__main__section__ph__caption .caption-comment {
  animation: none;
  clip-path: inset(0 100% -10% 0);
}
.-ready .c-article__main__section__ph__caption .caption-comment::after {
  animation: none;
}
.-ready .c-article__main__section__ph.-reveal .c-article__main__section__ph__caption .caption-comment {
  animation: tapeOnTextIn 0.5s 0.3s forwards;
}
.-ready .c-article__main__section__ph.-reveal .c-article__main__section__ph__caption .caption-comment::after {
  animation: itemOutScaleX 0.5s 0.8s forwards;
}
.-reveal .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
  animation-delay: 0.4s !important;
}
[data-category=create] .c-article__main__section__ph__caption .caption-comment {
  color: #99ccff;
}
[data-category=promote] .c-article__main__section__ph__caption .caption-comment {
  color: #c2affa;
}
[data-category=develop] .c-article__main__section__ph__caption .caption-comment {
  color: #f2b6c0;
}
[data-category=support] .c-article__main__section__ph__caption .caption-comment {
  color: #fad189;
}

.c-article__main__section__profile {
  margin-top: 17.8vw;
}
.c-article__main__section__profile__ph img {
  display: block;
}

.c-article__main__section__profile__text dt {
  font-size: 3.5vw;
  font-weight: 800;
}
.c-article__main__section__profile__text dd {
  font-size: 3.3vw;
  font-weight: 600;
  text-align: justify;
}

.c-article__main__section__image {
  margin-top: 17.8vw;
}

.c-article__main__section__image__text {
  font-size: 3.3vw;
  font-weight: 600;
  margin-top: 15px;
}

.c-article__accordion__trigger {
  cursor: pointer;
  margin-top: -7vw;
  position: relative;
  z-index: 10;
}
.c-article__accordion__trigger span {
  background: linear-gradient(99.65deg, #ff8873 -11.36%, #ffba79 98.5%);
  border-radius: 999px;
  color: #323232;
  display: inline-block;
  padding: 0;
  position: relative;
  height: 11.9vw;
  line-height: 11.7vw;
  text-align: center;
  width: 38.6vw;
  z-index: 1;
}
.c-article__accordion__trigger::before {
  position: absolute;
  left: 0;
  bottom: 0;
  aspect-ratio: 786/290;
  content: "";
  display: block;
  width: 100%;
}
[data-pageid=producers] .c-article__accordion__trigger::before {
  background: linear-gradient(0deg, rgb(20, 20, 20) 10%, rgba(20, 20, 20, 0) 90%);
}
[data-pageid=people] .c-article__accordion__trigger::before {
  background: linear-gradient(0deg, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 90%);
}
[data-accordion="1"] .c-article__accordion__trigger {
  display: none;
}

.c-article__copylight {
  font-size: 3.3vw;
  font-weight: 500;
  margin-top: 7.6vw;
}

.c-btn_arw__item {
  position: absolute;
  top: 50%;
  aspect-ratio: 1;
  display: block;
  transform: translateY(-50%) scale(-1);
  overflow: hidden;
  pointer-events: none;
}
@supports not (aspect-ratio: auto) {
  .c-btn_arw__item {
    position: relative;
  }
  .c-btn_arw__item::before {
    content: "";
    float: left;
    padding-top: 100%;
  }
  .c-btn_arw__item::after {
    content: "";
    clear: both;
    display: block;
  }
  .c-btn_arw__item > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.top-voices__links__item .c-btn_arw__item {
  right: 0;
}
.top-people__list__item .c-btn_arw__item {
  filter: brightness(0) invert(1);
}
.producers__main__pagebtn .c-btn_arw__item {
  filter: brightness(0) invert(1);
}

.c-btn_arw__arw {
  background: url(../../assets/img/common/ico/ico_arw.svg) no-repeat center/contain;
  display: block;
  height: 100%;
  width: 100%;
}

@keyframes btnArwMove {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-105%);
  }
  51% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes closeLineAnim {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  50% {
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
  50.01% {
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0 0;
  }
}
.c-closebtn {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 48px;
  z-index: 100;
}
.c-closebtn .c-closebtn__inner {
  display: block;
  height: 16px;
  position: relative;
}

.c-closebtn__line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  transform: translate(0, -50%);
  width: 50px;
}
.c-closebtn__line:nth-child(1) {
  transform: rotate(18.5deg);
}
.c-closebtn__line:nth-child(2) {
  transform: rotate(-18.5deg);
}
.c-closebtn__line::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  content: "";
  display: block;
  height: 1px;
  transform-origin: 100% 0;
  width: 100%;
}

.c-pagebackbtn {
  font-size: 0.625rem;
  color: #323232;
  display: inline-block;
  position: relative;
}
.c-pagebackbtn.-next {
  padding-left: 0;
}
.c-pagebackbtn.-next::before {
  transform: translateY(-50%) scaleX(-1);
  left: auto;
  right: 0;
}
.c-pagebackbtn.-next::after {
  left: 0;
  right: auto;
}
.c-pagebackbtn a {
  display: inline-block;
  position: relative;
}
.c-pagebackbtn::before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: url(../../assets/img/common/ico/ico_arw.svg) no-repeat center left/contain;
  content: "";
  height: 100%;
  transform: translateY(-50%);
}
.c-pagebackbtn::after {
  position: absolute;
  bottom: 3px;
  right: 0;
  background: #000;
  content: "";
  height: 2px;
  transform-origin: left;
}

@keyframes btnHoverAnim {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.c-arwbtn-r {
  background: url(../../assets/img/common/ico/ico_arw_r.svg) no-repeat center/contain;
  border-radius: 999px;
  display: inline-block;
}
.c-arwbtn-r.-prev {
  background: url(../../assets/img/common/ico/ico_arw_r_l.svg) no-repeat center/contain;
}
.c-arwbtn-r.-w {
  background: url(../../assets/img/common/ico/ico_arw_r_w.svg) no-repeat center/contain;
}
.c-arwbtn-r.-w.-prev {
  background: url(../../assets/img/common/ico/ico_arw_r_w_l.svg) no-repeat center/contain;
}

.c-fixedbtn {
  display: block;
  position: fixed;
  z-index: 10;
}
.c-fixedbtn img {
  transition: opacity 0.2s ease;
}
.is-entry-in .c-fixedbtn img {
  opacity: 0;
}

.c-acumin {
  font-family: "acumin-variable", sans-serif;
  font-variation-settings: "wght" 194.2857, "wdth" 100, "slnt" 0;
}
.c-acumin.-thin {
  font-variation-settings: "wght" 100, "wdth" 100, "slnt" 0;
}
.c-acumin.-exlight {
  font-variation-settings: "wght" 200, "wdth" 100, "slnt" 0;
}
.c-acumin.-light {
  font-variation-settings: "wght" 300, "wdth" 100, "slnt" 0;
}
.c-acumin.-reg {
  font-variation-settings: "wght" 400, "wdth" 100, "slnt" 0;
}
.c-acumin.-semibold {
  font-variation-settings: "wght" 600, "wdth" 100, "slnt" 0;
}
.c-acumin.-bold {
  font-variation-settings: "wght" 700, "wdth" 100, "slnt" 0;
}
.c-acumin.-bold-730 {
  font-variation-settings: "wght" 730, "wdth" 100, "slnt" 0;
}
.c-acumin.-black {
  font-variation-settings: "wght" 800, "wdth" 100, "slnt" 0;
}

.c-noto {
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
}

.c-hashindex {
  display: flex;
  align-items: flex-start;
  line-height: 1;
}
.c-hashindex .number {
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.05em;
  position: relative;
}
.c-hashindex .number::before {
  background: #323232;
  content: "";
  width: 110%;
}

.c-hover_op {
  transition: opacity 0.3s 0s ease;
}

.c-hover_op_fil {
  transition: filter 0.3s 0s ease;
}

.c-hover_bl {
  transition: opacity 0.3s 0s ease;
}

.c-hover_br {
  transition: filter 0.3s 0s ease;
}

.c-hover_imgscale img {
  transition: transform 0.3s ease;
}

.moviemodal__iframe {
  position: relative;
  width: 100%;
}
.moviemodal__iframe:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.moviemodal__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
}

.moviemodal__nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 16px -4px;
  width: 100%;
}

.moviemodal__nav__item {
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  transition: 0.2s 0s ease;
  border: 1px solid #505050;
  color: #fff;
}
[data-index="0"] .moviemodal__nav__item[data-index="0"] {
  border: 1px solid;
  color: #000;
}
[data-index="1"] .moviemodal__nav__item[data-index="1"] {
  border: 1px solid;
  color: #000;
}
[data-index="2"] .moviemodal__nav__item[data-index="2"] {
  border: 1px solid;
  color: #000;
}
[data-index="3"] .moviemodal__nav__item[data-index="3"] {
  border: 1px solid;
  color: #000;
}
[data-index="4"] .moviemodal__nav__item[data-index="4"] {
  border: 1px solid;
  color: #000;
}
[data-index="5"] .moviemodal__nav__item[data-index="5"] {
  border: 1px solid;
  color: #000;
}
[data-index="6"] .moviemodal__nav__item[data-index="6"] {
  border: 1px solid;
  color: #000;
}
[data-index="7"] .moviemodal__nav__item[data-index="7"] {
  border: 1px solid;
  color: #000;
}
[data-index="8"] .moviemodal__nav__item[data-index="8"] {
  border: 1px solid;
  color: #000;
}
[data-index="9"] .moviemodal__nav__item[data-index="9"] {
  border: 1px solid;
  color: #000;
}
[data-index="10"] .moviemodal__nav__item[data-index="10"] {
  border: 1px solid;
  color: #000;
}

:root {
  --scrolltop: 0;
}

body.-inmodal {
  height: 100%;
  overflow: hidden;
  /* @include MQ_WIDE {
      height: 100%;
      overflow: hidden;
  } */
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s 0s ease;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
.c-modal[data-modalid=movie] {
  background: rgba(0, 0, 0, 0.85);
}
.c-modal.-active {
  opacity: 1;
  visibility: visible;
}

@keyframes openModal {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.c-modal__inner {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
.js-moviemodal .c-modal__inner {
  overflow: auto;
}

.c-modal__cont {
  margin: 0 auto;
}
.js-moviemodal .c-modal__cont {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.c-modal__close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 48px;
  z-index: 100;
}

.c-modal__close__inner {
  display: block;
  height: 16px;
  position: relative;
}

.c-modal__close__line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  transform: translate(0, -50%);
  width: 50px;
}
.c-modal__close__line:nth-child(1) {
  transform: rotate(18.5deg);
}
.c-modal__close__line:nth-child(2) {
  transform: rotate(-18.5deg);
}
.c-modal__close__line::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  content: "";
  display: block;
  height: 1px;
  transform-origin: 100% 0;
  width: 100%;
}
[data-pageid=about] .c-pagetitle__block, [data-pageid=qa] .c-pagetitle__block {
  margin: 0 auto;
}
.c-pagetitle span {
  display: inline-block;
  opacity: 0;
}
.c-pagetitle span:nth-of-type(1) {
  animation-delay: 0.028s;
}
.c-pagetitle span:nth-of-type(2) {
  animation-delay: 0.056s;
}
.c-pagetitle span:nth-of-type(3) {
  animation-delay: 0.084s;
}
.c-pagetitle span:nth-of-type(4) {
  animation-delay: 0.112s;
}
.c-pagetitle span:nth-of-type(5) {
  animation-delay: 0.14s;
}
.c-pagetitle span:nth-of-type(6) {
  animation-delay: 0.168s;
}
.c-pagetitle span:nth-of-type(7) {
  animation-delay: 0.196s;
}
.c-pagetitle span:nth-of-type(8) {
  animation-delay: 0.224s;
}
.c-pagetitle span:nth-of-type(9) {
  animation-delay: 0.252s;
}
.c-pagetitle span:nth-of-type(10) {
  animation-delay: 0.28s;
}
.c-pagetitle span:nth-of-type(11) {
  animation-delay: 0.308s;
}
.c-pagetitle span:nth-of-type(12) {
  animation-delay: 0.336s;
}
.c-pagetitle span:nth-of-type(13) {
  animation-delay: 0.364s;
}
.c-pagetitle span:nth-of-type(14) {
  animation-delay: 0.392s;
}
.c-pagetitle span:nth-of-type(15) {
  animation-delay: 0.42s;
}
.c-pagetitle span:nth-of-type(16) {
  animation-delay: 0.448s;
}
.c-pagetitle span:nth-of-type(17) {
  animation-delay: 0.476s;
}
.c-pagetitle span:nth-of-type(18) {
  animation-delay: 0.504s;
}
.c-pagetitle span:nth-of-type(19) {
  animation-delay: 0.532s;
}
.c-pagetitle span:nth-of-type(20) {
  animation-delay: 0.56s;
}
.c-pagetitle span:nth-of-type(21) {
  animation-delay: 0.588s;
}
.c-pagetitle span:nth-of-type(22) {
  animation-delay: 0.616s;
}
.c-pagetitle span:nth-of-type(23) {
  animation-delay: 0.644s;
}
.c-pagetitle span:nth-of-type(24) {
  animation-delay: 0.672s;
}
.c-pagetitle span:nth-of-type(25) {
  animation-delay: 0.7s;
}
.c-pagetitle span:nth-of-type(26) {
  animation-delay: 0.728s;
}
.c-pagetitle span:nth-of-type(27) {
  animation-delay: 0.756s;
}
.c-pagetitle span:nth-of-type(28) {
  animation-delay: 0.784s;
}
.c-pagetitle span:nth-of-type(29) {
  animation-delay: 0.812s;
}
.c-pagetitle span:nth-of-type(30) {
  animation-delay: 0.84s;
}
.c-pagetitle .line {
  animation-duration: 0.4s !important;
}
.c-pagetitle .line:nth-of-type(1) {
  animation-delay: 0.1s;
}
.c-pagetitle .line:nth-of-type(1)::after {
  animation-delay: 0.4s;
}
.c-pagetitle .line:nth-of-type(2) {
  animation-delay: 0.2s;
}
.c-pagetitle .line:nth-of-type(2)::after {
  animation-delay: 0.5s;
}
.c-pagetitle .line:nth-of-type(3) {
  animation-delay: 0.3s;
}
.c-pagetitle .line:nth-of-type(3)::after {
  animation-delay: 0.6s;
}
.c-pagetitle .line:nth-of-type(4) {
  animation-delay: 0.4s;
}
.c-pagetitle .line:nth-of-type(4)::after {
  animation-delay: 0.7s;
}

.c-pagesubtitle {
  font-weight: 800;
  line-height: 1;
  animation-duration: 0.4s !important;
  animation-delay: 0.2s !important;
}
.c-pagesubtitle::after {
  animation-delay: 0.6s !important;
  height: 110% !important;
}

.c-paging {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.c-paging__item {
  font-size: 0.9375rem;
  line-height: 1;
}
.c-paging__item.-prev, .c-paging__item.-next {
  aspect-ratio: 1/1;
  position: relative;
  width: 22px;
}
.c-paging__item.-prev a, .c-paging__item.-next a {
  display: block;
  height: 100%;
  position: relative;
}
.c-paging__item.-prev a::after, .c-paging__item.-next a::after {
  aspect-ratio: 1/1;
  background: #323232;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.c-paging__item.-next a::after, .c-paging__item.-next span::after {
  -webkit-mask: url(../../assets/img/common/ico/ico_arw.svg) no-repeat top/contain;
          mask: url(../../assets/img/common/ico/ico_arw.svg) no-repeat top/contain;
}
.c-paging__item.-prev a::after, .c-paging__item.-prev span::after {
  -webkit-mask: url(../../assets/img/common/ico/ico_arw.svg) no-repeat top/contain;
          mask: url(../../assets/img/common/ico/ico_arw.svg) no-repeat top/contain;
  transform: scaleX(-1);
}
.c-paging__item.-back {
  font-size: 0.625rem;
  min-width: 150px;
  text-align: center;
}
.c-paging__item.-num {
  margin: 0 0.25em;
  position: relative;
  text-align: center;
  width: 12px;
}
.c-paging__item.-num::after {
  background: #000;
  content: "";
  height: 1px;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -6px;
}
.c-paging__item.-num.-active:after {
  opacity: 1;
  width: 100%;
}
.c-paging__item.-disable {
  opacity: 0.1;
  pointer-events: none;
}

.c-paging__numwrap {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 150px;
}

.c-share {
  align-items: center;
  display: flex;
  pointer-events: all;
}

.c-share__title {
  line-height: 1;
}

.c-share__btns {
  align-items: center;
  display: flex;
}
.c-share__btns__item a {
  display: block;
  height: 100%;
  width: 100%;
}
.c-share__btns__item img {
  vertical-align: top;
}
[data-pageid=producers] .c-share__btns__item img, .voices__mainvisual .c-share__btns__item img {
  filter: brightness(0) invert(1);
}

.c-space-hash {
  margin: 0 0.5em;
}

.c-space {
  display: inline-block;
  width: 0.5em;
}

.c-space-quote {
  display: inline-block;
  width: 0.25em;
}

.c-tape-on {
  clip-path: inset(0 100% -10% 0);
  display: inline-block;
  position: relative;
}
.-reveal .c-tape-on, .-ready .c-tape-on {
  animation: tapeOnTextIn 0.8s 0s cubic-bezier(1, 0, 0, 1) forwards;
}
.c-tape-on::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #323232;
  content: "";
  height: 100%;
  transform-origin: right;
  width: 102%;
  will-change: transform;
}
.producers__header__info .c-tape-on::after {
  background: #fff;
}
.-reveal .c-tape-on::after, .-ready .c-tape-on::after {
  animation: itemOutScaleX 0.45s 0.6s cubic-bezier(1, 0, 0, 1) forwards;
}
.c-tape-on.-h::after {
  height: 110%;
}

.c-tape-on-reveal {
  clip-path: inset(0 100% -10% 0);
  display: inline-block;
  position: relative;
}
.-reveal .c-tape-on-reveal {
  animation: tapeOnTextIn 0.8s 0s cubic-bezier(1, 0, 0, 1) forwards;
}
.c-tape-on-reveal:nth-of-type(1) {
  animation-delay: 0.1s;
}
.c-tape-on-reveal:nth-of-type(1)::after {
  animation-delay: 0.6s;
}
.c-tape-on-reveal:nth-of-type(2) {
  animation-delay: 0.2s;
}
.c-tape-on-reveal:nth-of-type(2)::after {
  animation-delay: 0.7s;
}
.c-tape-on-reveal:nth-of-type(3) {
  animation-delay: 0.3s;
}
.c-tape-on-reveal:nth-of-type(3)::after {
  animation-delay: 0.8s;
}
.c-tape-on-reveal:nth-of-type(4) {
  animation-delay: 0.4s;
}
.c-tape-on-reveal:nth-of-type(4)::after {
  animation-delay: 0.9s;
}
.c-tape-on-reveal:nth-of-type(5) {
  animation-delay: 0.5s;
}
.c-tape-on-reveal:nth-of-type(5)::after {
  animation-delay: 1s;
}
.c-tape-on-reveal:nth-of-type(6) {
  animation-delay: 0.6s;
}
.c-tape-on-reveal:nth-of-type(6)::after {
  animation-delay: 1.1s;
}
.c-tape-on-reveal:nth-of-type(7) {
  animation-delay: 0.7s;
}
.c-tape-on-reveal:nth-of-type(7)::after {
  animation-delay: 1.2s;
}
.c-tape-on-reveal:nth-of-type(8) {
  animation-delay: 0.8s;
}
.c-tape-on-reveal:nth-of-type(8)::after {
  animation-delay: 1.3s;
}
.c-tape-on-reveal:nth-of-type(9) {
  animation-delay: 0.9s;
}
.c-tape-on-reveal:nth-of-type(9)::after {
  animation-delay: 1.4s;
}
.c-tape-on-reveal:nth-of-type(10) {
  animation-delay: 1s;
}
.c-tape-on-reveal:nth-of-type(10)::after {
  animation-delay: 1.5s;
}
.c-tape-on-reveal::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #323232;
  content: "";
  height: 100%;
  transform-origin: right;
  width: 102%;
  will-change: transform;
}
.producers__header__info .c-tape-on-reveal::after {
  background: #fff;
}
.-reveal .c-tape-on-reveal::after {
  animation: itemOutScaleX 0.45s 0.6s cubic-bezier(1, 0, 0, 1) forwards;
}
.c-tape-on-reveal.-h::after {
  height: 110%;
}

.c-tape-on-set {
  clip-path: inset(0 100% -10% 0);
  display: inline-block;
  position: relative;
}
.c-tape-on-set::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #323232;
  content: "";
  height: 100%;
  transform-origin: right;
  width: 102%;
  will-change: transform;
}
.c-tape-on-set.-h::after {
  height: 110%;
}

@keyframes tapeOnTextIn {
  0% {
    clip-path: inset(0 100% -10% 0);
    opacity: 0;
  }
  99% {
    clip-path: inset(0 0 -10% 0);
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 1;
  }
}
@keyframes tapeOnTextIn_h {
  0% {
    clip-path: inset(0 100% -20% 0);
    opacity: 0;
  }
  99% {
    clip-path: inset(0 -15% -20% 0);
    opacity: 1;
  }
  100% {
    clip-path: none;
    opacity: 1;
  }
}
.c-visible_nrw {
  display: block;
}

.c-visible_middle_over {
  display: none;
}

.c-visible_middle_under {
  display: none;
}

@media (max-width: 799px){
  body {
    font-size: 4vw;
  }
  .l-footer {
    padding: 40px 25px 20px;
  }
  .l-footer__inner {
    padding: 0 0 32px;
  }
  .l-footer__official__title {
    font-size: 0.875rem;
  }
  .l-footer__official__list {
    gap: 8px;
    margin-top: 15px;
  }
  .l-footer__official__list__item {
    width: 50px;
  }
  .l-footer__nav {
    margin-top: 32px;
  }
  .l-footer__nav__list {
    font-size: 0.8125rem;
    gap: 6px 0;
    margin-top: 16px;
    padding: 0 15px;
  }
  .l-footer__nav__list__item {
    font-size: 0.8125rem;
    width: 50%;
  }
  .l-footer__companyinfo {
    padding: 32px 0 0;
  }
  .l-footer__brand {
    gap: 10px;
    justify-content: center;
  }
  .l-footer__brand__link {
    width: 110px;
  }
  .l-footer__copyright {
    margin-top: 19px;
  }
  .l-footer__copyright__text {
    font-size: 0.625rem;
    text-align: center;
    letter-spacing: 0.05rem;
  }
  .l-footer__copyright__text + .l-footer__copyright__text {
    margin-top: 19px;
  }
  .l-footer__titlecopyright {
    font-size: 0.5625rem;
    line-height: 1.4444444444;
    margin-top: 19px;
  }
  .l-main {
    padding-top: 31.8vw;
  }
  [data-pageid=top] .l-main {
    padding-bottom: 25.4vw;
  }
  [data-pageid=news] .l-main {
    padding: 31.8vw 0;
  }
  [data-pageid=people] .l-main {
    padding-top: 19.8vw;
  }
  .c-article__main__inner {
    padding: 0 6.3vw 12.7vw;
  }
  [data-pageid=producers] .c-article__main__inner {
    padding: 0 0 24.8vw;
  }
  [data-pageid=people] .c-article__main__inner {
    padding: 0 0 24.8vw;
  }
  [data-pageid=voices] .c-article__main__inner {
    padding: 67px 6.3vw 24.8vw;
  }
  .c-article__main__section:nth-of-type(1) {
    margin-top: 15.2vw;
  }
  [data-pageid=people] .c-article__main__section:nth-of-type(1) {
    margin-top: 10.8vw;
  }
  .c-article__main__section + .c-article__main__section, .c-article__main__slider + .c-article__main__section {
    margin-top: 15.2vw;
  }
  [data-pageid=voices] .c-article__main__section {
    margin-top: 0 !important;
  }
  .c-article__main__slider {
    margin-top: 15.2vw;
    margin: 15.2vw -6.4vw;
  }
  .c-article__main__slider__pagination {
    margin-top: 2.5vw;
  }
  .c-article__main__slider__info {
    margin-top: 2.5vw;
    padding: 6.3vw;
  }
  .c-article__main__slider__info .name {
    font-size: 3.5vw;
  }
  .c-article__main__slider__info .about {
    font-size: 3.3vw;
    line-height: 1.5384615385;
  }
  .c-article__main__index {
    font-size: 7.6vw;
    line-height: 1;
    margin-bottom: 1.2vw;
  }
  .c-article__main__index .part {
    font-size: 3.8vw;
    line-height: 1;
  }
  .c-article__main__index .num {
    font-size: 11.1vw;
    line-height: 1;
  }
  .c-article__main__section__title {
    font-size: 5vw;
    margin-bottom: 3.3vw;
  }
  [data-pageid=voices] .c-article__main__section__title {
    letter-spacing: -0.03em;
  }
  .c-article__main__section__text {
    font-weight: 500;
    font-size: 4vw;
    line-height: 1.84375;
  }
  [data-pageid=producers] .c-article__main__section__text + .c-article__main__section__text {
    margin-top: 5vw;
  }
  .c-article__main__section__comments {
    font-size: 3.8vw;
    line-height: 2;
  }
  .c-article__main__section__ph,
  .c-article__main__section__schedule {
    margin: 15.2vw -6.4vw;
  }
  .c-article__main__section__ph.-small {
    margin: 17.3vw 0;
  }
  .c-article__main__section__ph .voices__image__text {
    font-size: 3.3vw;
    margin: 1.7vw 6.3vw 0;
  }
  .c-article__main__section__ph__caption {
    position: absolute;
    left: 0;
    bottom: 7.6vw;
    font-size: 5.5vw;
  }
  .-right .c-article__main__section__ph__caption {
    left: auto;
    right: 0;
  }
  [data-article="10"] .c-article__main__section__ph__caption {
    align-items: flex-start;
    left: 0;
  }
  [data-article="11"] .c-article__main__section__ph__caption {
    align-items: flex-start;
  }
  [data-article="7"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(1) {
    margin: 0 6.1vw 0 0;
  }
  [data-article="9"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(1) {
    margin: 0 6.1vw 0 0;
  }
  [data-article="10"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(1) {
    margin: 0;
  }
  .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin-left: 6.1vw;
  }
  .-right .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0 6.1vw 0 0;
  }
  [data-article="7"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2), [data-article="9"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0;
  }
  [data-article="10"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin-left: 6.1vw;
  }
  [data-article="11"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin-left: -7.7vw;
  }
  [data-pageid=producers] .c-article__main__section__image__ph {
    margin: 0 -9vw;
  }
  [data-pageid=producers] .c-article__main__section__profile__ph {
    margin: 0 -9vw;
  }
  .c-article__main__section__profile__main {
    margin-top: 3.8vw;
  }
  .c-article__accordion__main {
    overflow: hidden;
    transition: max-height var(--accordion-duration, 1.5s) ease-out;
    max-height: 400vw;
  }
  [data-pageid=producers] .c-article__accordion__main {
    padding: 0 6.3vw 0;
  }
  [data-pageid=people] .c-article__accordion__main {
    padding: 0 6.3vw 0;
  }
  [data-accordion="1"] .c-article__accordion__main {
    max-height: var(--accordion-max);
  }
  .c-article__accordion__trigger {
    font-size: 3.8vw;
    text-align: center;
  }
  .l-entry__content .c-btn_arw__item {
    right: 4.5vw;
    width: 3.5vw;
  }
  .top-producers__btns__item .c-btn_arw__item {
    right: 1.9vw;
    width: 3.1vw;
  }
  .top-voices__links__item .c-btn_arw__item {
    width: 3.1vw;
  }
  .top-people__list__item .c-btn_arw__item {
    right: 2.5vw;
    width: 3.1vw;
  }
  .top-btns .c-btn_arw__item {
    right: 2.5vw;
    width: 4.5vw;
  }
  .producers__main__pagebtn .c-btn_arw__item {
    right: 0;
    width: 3.1vw;
  }
  .c-pagebackbtn {
    font-size: 3.1vw;
    margin: 5vw 0 0 0;
    padding-left: 4vw;
  }
  .c-pagebackbtn.-next {
    padding-right: 4vw;
  }
  .c-pagebackbtn::before {
    width: 3.1vw;
  }
  .c-pagebackbtn::after {
    bottom: 0.3vw;
    width: calc(100% - 3.1vw);
  }
  .c-arwbtn-r {
    height: 8.1vw;
    width: 8.1vw;
  }
  .c-hashindex {
    position: absolute;
    top: 3.8vw;
    left: 3.1vw;
    font-size: 11.4vw;
  }
  .c-hashindex .hash {
    font-size: 0.55em;
  }
  .c-hashindex .number {
    margin-top: -12%;
  }
  .c-hashindex .number::before {
    position: absolute;
    left: 0;
    bottom: -5%;
    height: 7%;
  }
  .moviemodal__nav {
    gap: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .moviemodal__nav__item {
    font-size: clamp(19.6px, 13.6px + 0.75vw, 42px);
    height: clamp(47.6px, 33.0285714286px + 1.8214285714vw, 102px);
    width: 43.5%;
  }
  body.-inmodal {
    top: var(--scrolltop);
    position: fixed;
    width: 100%;
  }
  .c-modal {
    height: 100dvh;
  }
  .c-modal__inner {
    max-height: 100svh;
  }
  .js-moviemodal .c-modal__inner {
    height: 100vh;
  }
  .js-moviemodal .c-modal__cont {
    justify-content: center;
    padding: 12.4vw 0;
  }
  [data-pageid=news] .c-pagetitle__block {
    margin: 0 6.3vw;
  }
  [data-pageid=about] .c-pagetitle__block, [data-pageid=qa] .c-pagetitle__block {
    margin: 0 6.3vw;
  }
  .c-pagetitle {
    font-size: 11.1vw;
    line-height: 0.9090909091;
    letter-spacing: -0.04em;
  }
  .qa .c-pagetitle {
    font-size: 11.1vw;
  }
  .c-pagesubtitle {
    font-size: 4.5vw;
    margin-top: 0.2vw;
  }
  .qa .c-pagesubtitle {
    margin-top: 1.9vw;
  }
  .c-share {
    margin-top: 5.7vw;
  }
  .voices__header .c-share {
    display: none;
  }
  .c-share__title {
    font-size: 3.3vw;
  }
  .c-share__btns {
    gap: 4.8vw;
    margin-left: 5vw;
  }
  .c-share__btns__item {
    height: 8.1vw;
    width: 8.1vw;
  }
  .c-visible_wide {
    display: none;
  }
}

@media (min-width: 800px){
  body {
    font-size: 1.25rem;
  }
  .l-footer__inner {
    padding: 30px 0 36px;
  }
  .l-footer__official__title {
    font-size: 0.9375rem;
  }
  .l-footer__official__list {
    gap: 10px;
    margin-top: 16px;
  }
  .l-footer__official__list__item {
    width: 60px;
  }
  .l-footer__nav__list {
    gap: 14px;
    margin-top: 16px;
  }
  .l-footer__nav__list__item {
    font-size: 0.8125rem;
  }
  .l-footer__companyinfo {
    padding: 40px 30px 40px 44px;
  }
  .l-footer__companyinfo__top {
    display: flex;
    justify-content: space-between;
  }
  .l-footer__brand {
    gap: 15px;
  }
  .l-footer__brand__link {
    width: 130px;
  }
  .l-footer__copyright {
    padding-left: 50px;
  }
  .l-footer__copyright__text {
    font-size: 0.625rem;
    text-align: right;
  }
  .l-footer__copyright__text + .l-footer__copyright__text {
    margin-top: 10px;
  }
  .l-footer__titlecopyright {
    font-size: 0.5625rem;
    line-height: 1.7777777778;
    margin-top: 38px;
  }
  .l-main {
    padding: 220px 0 200px;
  }
  [data-pageid=top] .l-main {
    padding-bottom: clamp(140px, 97.1428571429px + 5.3571428571vw, 300px);
  }
  [data-pageid=news] .l-main {
    padding-top: 160px;
  }
  [data-pageid=qa] .l-main {
    padding-top: 160px;
  }
  [data-pageid=producers] .l-main {
    padding-bottom: 0;
  }
  [data-pageid=about] .l-main {
    padding: clamp(154px, 106.8571428571px + 5.8928571429vw, 330px) 0 clamp(140px, 97.1428571429px + 5.3571428571vw, 300px);
  }
  .l-sns {
    margin-left: 35px;
  }
  .l-sns__list__item {
    width: 30px;
  }
  .l-sns__list__item + .l-sns__list__item {
    margin-left: 16px;
  }
  .c-article {
    display: flex;
    justify-content: space-between;
  }
  [data-pageid=people] .c-article {
    padding-bottom: 5.2vw;
  }
  .c-article__header {
    min-height: 500px;
    width: 41.6%;
  }
  [data-pageid=voices] .c-article__header {
    width: 43.7%;
  }
  .c-article__main {
    padding-bottom: 9.8vw;
    width: 56.2%;
  }
  [data-pageid=people] .c-article__main {
    padding-bottom: 2.6vw;
  }
  [data-pageid=producers] .c-article__main {
    padding-bottom: 10.4vw;
  }
  .c-article__main__inner {
    padding: 0 5.7vw;
  }
  [data-pageid=producers] .c-article__main__inner {
    padding: 0;
  }
  .c-article__main__section {
    margin-top: 8.8vw;
  }
  .c-article__main__section:nth-of-type(1) {
    margin-top: 8.8vw;
  }
  [data-pageid=people] .c-article__main__section:nth-of-type(1) {
    margin-top: 5.5vw;
  }
  .c-article__main__section + .c-article__main__section, .c-article__main__slider + .c-article__main__section {
    margin-top: 3.6vw;
  }
  [data-pageid=voices] .c-article__main__section {
    margin-top: 8.8vw;
  }
  .c-article__main__slider {
    border-radius: 4px;
    margin: clamp(42px, 29.1428571429px + 1.6071428571vw, 90px) auto 0;
    overflow: hidden;
    width: clamp(308px, 213.7142857143px + 11.7857142857vw, 660px);
  }
  [data-pageid=producers] .c-article__main__slider {
    width: 41.6vw;
  }
  .c-article__main__slider__item img {
    border-radius: 4px;
  }
  .c-article__main__slider__pagination {
    margin-top: clamp(9.8px, 6.8px + 0.375vw, 21px);
  }
  .c-article__main__slider__pagination .swiper-pagination-bullet {
    height: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
    width: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
  }
  .c-article__main__slider__info {
    margin-top: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .c-article__main__slider__info .name {
    font-size: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
  }
  .c-article__main__slider__info .about {
    font-size: clamp(11.2px, 7.7714285714px + 0.4285714286vw, 24px);
    line-height: 1.5;
  }
  .c-article__main__index {
    font-size: clamp(42px, 29.1428571429px + 1.6071428571vw, 90px);
    line-height: 1;
    margin-bottom: clamp(7px, 4.8571428571px + 0.2678571429vw, 15px);
    text-align: center;
  }
  .c-article__main__index .part {
    font-size: clamp(13.3px, 9.2285714286px + 0.5089285714vw, 28.5px);
    line-height: 1;
  }
  .c-article__main__index .num {
    font-size: clamp(42px, 29.1428571429px + 1.6071428571vw, 90px);
    line-height: 1;
    margin-top: clamp(-4.9px, -3.4px + -0.1875vw, -10.5px);
  }
  .c-article__main__section__title {
    font-size: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
    margin-bottom: 0.8em;
  }
  .c-article__main__section__title.-mgn {
    margin-top: 3.8vw;
  }
  .c-article__main__section__text {
    font-size: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
    line-height: 2.2;
  }
  [data-pageid=producers] .c-article__main__section__text + .c-article__main__section__text {
    margin-top: clamp(42px, 29.1428571429px + 1.6071428571vw, 90px);
  }
  .c-article__main__section__text.-nomgn {
    margin-top: -30px;
  }
  .c-article__main__section__text.-mgn {
    margin-top: 3.8vw;
  }
  .c-article__main__section__comments {
    font-size: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
    line-height: 2.2;
  }
  .c-article__main__section__comments.-nomgn {
    margin-top: -30px;
  }
  .c-article__main__section__ph,
  .c-article__main__section__schedule {
    margin-top: clamp(45.5px, 31.5714285714px + 1.7410714286vw, 97.5px);
  }
  .c-article__main__section__ph.-small {
    margin: clamp(38.5px, 26.7142857143px + 1.4732142857vw, 82.5px) auto 0;
    width: 53.6%;
  }
  .c-article__main__section__ph__caption {
    position: absolute;
    top: 5.2vw;
    left: -3.7vw;
    font-size: 1.6vw;
  }
  .-right .c-article__main__section__ph__caption {
    left: auto;
    right: -3.7vw;
  }
  [data-article="2"] .c-article__main__section__ph__caption, [data-article="4"] .c-article__main__section__ph__caption, [data-article="9"] .c-article__main__section__ph__caption {
    top: 5.2vw;
  }
  [data-article="5"] .c-article__main__section__ph__caption {
    bottom: 10.4vw;
    top: auto;
  }
  [data-article="3"] .c-article__main__section__ph__caption {
    top: 5.4vw;
  }
  [data-article="8"] .c-article__main__section__ph__caption, [data-article="11"] .c-article__main__section__ph__caption {
    bottom: 10.9vw;
    top: auto;
  }
  [data-article="7"] .c-article__main__section__ph__caption, [data-article="9"] .c-article__main__section__ph__caption {
    right: -1.3vw;
  }
  [data-article="10"] .c-article__main__section__ph__caption {
    top: 4.1vw;
    right: 5.2vw;
  }
  .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin-left: 2.3vw;
  }
  .-right .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0 2.3vw 0 0;
  }
  [data-article="7"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0 -2.1vw 0 0;
  }
  [data-article="8"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin-left: 1.5vw;
  }
  [data-article="9"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0 -2.9vw 0 0;
  }
  [data-article="10"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0 -8.1vw 0 0;
  }
  [data-article="11"] .c-article__main__section__ph__caption .caption-comment:nth-of-type(2) {
    margin: 0 5.3vw 0 0;
  }
  .c-article__main__section__profile {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 3.8vw;
  }
  .c-article__main__section__profile__ph {
    width: 57.6%;
  }
  .c-article__main__section__profile__ph img {
    border-radius: 8px;
  }
  .c-article__main__section__profile__main {
    width: 39.5%;
  }
  .c-article__main__section__profile__text dt {
    font-size: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
    line-height: 1.5;
  }
  .c-article__main__section__profile__text dd {
    font-size: clamp(11.2px, 7.7714285714px + 0.4285714286vw, 24px);
    line-height: 1.5;
    margin-top: clamp(2.8px, 1.9428571429px + 0.1071428571vw, 6px);
  }
  .c-article__main__section__image {
    margin-top: 3.8vw;
  }
  [data-pageid=producers] .c-article__main__section__image {
    margin: 3.8vw auto 0;
    max-width: 500px;
  }
  .c-article__main__section__image__text {
    font-size: clamp(11.2px, 7.7714285714px + 0.4285714286vw, 24px);
    margin-top: 5px;
  }
  .c-article__accordion__trigger {
    display: none;
    margin-top: 0;
  }
  .c-article__copylight {
    font-size: clamp(11.2px, 7.7714285714px + 0.4285714286vw, 24px);
    margin-top: clamp(35px, 24.2857142857px + 1.3392857143vw, 75px);
  }
  .c-btn_arw:hover .c-btn_arw__arw {
    animation: btnArwMove 0.5s 0s forwards;
  }
  .l-entry__content .c-btn_arw__item {
    right: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
    width: clamp(17.5px, 12.1428571429px + 0.6696428571vw, 37.5px);
  }
  .top-producers__btns__item .c-btn_arw__item {
    right: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
    top: 54%;
    width: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
  }
  .top-voices__links__item .c-btn_arw__item {
    width: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .top-people__list__item .c-btn_arw__item {
    right: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
    width: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .top-btns .c-btn_arw__item {
    right: clamp(16.8px, 11.6571428571px + 0.6428571429vw, 36px);
    width: clamp(19.6px, 13.6px + 0.75vw, 42px);
  }
  .producers__main__pagebtn .c-btn_arw__item {
    right: 0;
    width: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .c-closebtn {
    right: 25px;
    top: 25px;
    width: 144px;
  }
  .c-closebtn .c-closebtn__inner {
    height: 48px;
  }
  .c-closebtn .c-closebtn__inner:hover .c-closebtn__line:nth-child(1)::before {
    animation: closeLineAnim 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .c-closebtn .c-closebtn__inner:hover .c-closebtn__line:nth-child(2)::before {
    animation: closeLineAnim 0.4s 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .c-closebtn__line {
    width: 150px;
  }
  .c-pagebackbtn {
    font-size: clamp(16.8px, 11.6571428571px + 0.6428571429vw, 36px);
    margin: 100px 0 0 0;
    padding-left: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
  }
  .voices .c-pagebackbtn {
    margin-top: 50px;
  }
  .c-pagebackbtn.-next {
    padding-right: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
  }
  .c-pagebackbtn::before {
    width: clamp(16.1px, 11.1714285714px + 0.6160714286vw, 34.5px);
  }
  .c-pagebackbtn::after {
    width: calc(100% - clamp(21px, 14.5714285714px + 0.8035714286vw, 45px));
  }
  .c-pagebackbtn:hover::after {
    animation: btnHoverAnim 0.3s forwards;
  }
  .c-arwbtn-r {
    height: clamp(44.8px, 31.0857142857px + 1.7142857143vw, 96px);
    width: clamp(44.8px, 31.0857142857px + 1.7142857143vw, 96px);
  }
  .c-hashindex {
    position: absolute;
    top: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
    left: clamp(17.5px, 12.1428571429px + 0.6696428571vw, 37.5px);
    font-size: clamp(39.9px, 27.6857142857px + 1.5267857143vw, 85.5px);
  }
  .c-hashindex .hash {
    font-size: 0.6em;
  }
  .c-hashindex .number {
    margin-top: -10%;
  }
  .c-hashindex .number::before {
    position: absolute;
    left: 0;
    bottom: -9%;
    height: 9%;
  }
  .c-hover_op:hover {
    opacity: 0.6;
  }
  .c-hover_op_fil:hover {
    filter: opacity(0.6);
  }
  .c-hover_bl:hover {
    filter: blur(1px);
    opacity: 0.75;
  }
  .c-hover_br:hover {
    filter: brightness(1.3);
  }
  .c-hover_imgscale:hover img {
    transform: scale(1.08);
  }
  .moviemodal__nav {
    gap: 14px;
    margin: 24px -4px;
    padding: 0;
  }
  .moviemodal__nav__item {
    font-size: 1.125rem;
    height: 48px;
    width: 227px;
  }
  .moviemodal__nav__item:hover {
    opacity: 0.5;
  }
  .c-modal {
    height: 100%;
  }
  .c-modal__inner {
    max-height: 100vh;
  }
  .js-moviemodal .c-modal__inner {
    height: 100%;
  }
  .js-moviemodal .c-modal__cont {
    justify-content: center;
    max-width: 960px;
  }
  .c-modal__close {
    right: 25px;
    top: 25px;
    width: 144px;
  }
  .c-modal__close__inner {
    height: 48px;
  }
  .c-modal__close__inner:hover .c-modal__close__line:nth-child(1)::before {
    animation: closeLineAnim 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .c-modal__close__inner:hover .c-modal__close__line:nth-child(2)::before {
    animation: closeLineAnim 0.4s 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .c-modal__close__line {
    width: 150px;
  }
  [data-pageid=about] .c-pagetitle__block, [data-pageid=qa] .c-pagetitle__block {
    margin-left: 5.2vw;
  }
  .c-pagetitle {
    font-size: clamp(78.4px, 54.4px + 3vw, 168px);
    line-height: 1;
    letter-spacing: -0.05em;
  }
  .c-pagesubtitle {
    font-size: clamp(23.8px, 16.5142857143px + 0.9107142857vw, 51px);
    margin-top: clamp(7px, 4.8571428571px + 0.2678571429vw, 15px);
  }
  .c-paging {
    margin-top: 56px;
  }
  .c-paging__item {
    font-size: 1.25rem;
  }
  .c-paging__item.-prev, .c-paging__item.-next {
    margin: 0 30px;
    width: 20px;
  }
  .c-paging__item.-back {
    font-size: 0.8125rem;
    letter-spacing: 0.03em;
    min-width: 160px;
  }
  .c-paging__item.-back:hover {
    text-decoration: underline;
  }
  .c-paging__item.-num {
    width: 16px;
  }
  .c-paging__item.-num::after {
    position: absolute;
    left: 0;
    bottom: -9px;
  }
  .c-paging__item.-num:hover::after {
    opacity: 1;
    width: 120%;
  }
  .c-paging__numwrap {
    min-width: 160px;
  }
  .c-scrollbar {
    overflow-y: scroll;
  }
  .c-scrollbar::-webkit-scrollbar {
    width: 5px;
  }
  .c-scrollbar::-webkit-scrollbar-track {
    background-color: #f7f7f7;
  }
  .c-scrollbar::-webkit-scrollbar-thumb {
    background-color: #323232;
    border-radius: 8px;
  }
  .c-share {
    margin-top: clamp(42px, 29.1428571429px + 1.6071428571vw, 90px);
  }
  [data-pageid=people] .c-share {
    margin-top: 0;
  }
  [data-pageid=voices] .c-share {
    margin-top: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .voices__mainvisual .c-share {
    margin-top: 0;
    color: #fff;
  }
  .takahashi_onogi[data-pageid=producers] .c-share {
    margin-top: clamp(28px, 19.4285714286px + 1.0714285714vw, 60px);
    margin-left: clamp(3.5px, 2.4285714286px + 0.1339285714vw, 7.5px);
  }
  .murata[data-pageid=producers] .c-share {
    margin-top: clamp(28.7px, 19.9142857143px + 1.0982142857vw, 61.5px);
    margin-left: clamp(3.5px, 2.4285714286px + 0.1339285714vw, 7.5px);
  }
  .c-share__title {
    font-size: clamp(9.8px, 6.8px + 0.375vw, 21px);
  }
  .c-share__btns {
    gap: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
    margin-left: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .c-share__btns__item {
    height: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
    width: clamp(21px, 14.5714285714px + 0.8035714286vw, 45px);
  }
  .c-tape-on .c-tape-on::after {
    display: none;
  }
  .c-tape-on-reveal .c-tape-on::after {
    display: none;
  }
  .c-tape-on-set .c-tape-on::after {
    display: none;
  }
  .c-visible_nrw {
    display: none;
  }
}

@media (min-width: 600px){
  .l-entry {
    padding: clamp(46.2px, 32.0571428571px + 1.7678571429vw, 99px) 0;
  }
  .l-entry__inner {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 6.1%;
    width: 100%;
  }
  .l-entry__header {
    width: 40.6%;
  }
  .l-entry__content {
    margin-top: 0;
  }
  .l-entry__text {
    font-size: clamp(16.1px, 11.1714285714px + 0.6160714286vw, 34.5px);
    text-align: left;
    margin-top: 0;
    padding: 0 7.6% 0 0;
  }
  .l-entry__link::after {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffadb2;
    content: "";
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s 0s ease;
    width: 100%;
  }
  .l-entry__link {
    border-radius: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
    filter: drop-shadow(clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) rgba(0, 0, 0, 0.05));
    height: clamp(75.6px, 52.4571428571px + 2.8928571429vw, 162px);
    transition: all 0.3s ease;
    width: 33vw;
  }
  .l-entry__link a {
    font-size: clamp(22.4px, 15.5428571429px + 0.8571428571vw, 48px);
    line-height: clamp(72.8px, 50.5142857143px + 2.7857142857vw, 156px);
  }
  .l-entry__link span {
    padding-right: clamp(28px, 19.4285714286px + 1.0714285714vw, 60px);
  }
  .l-entry__link span::before, .l-entry__link span::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: clamp(19.6px, 13.6px + 0.75vw, 42px);
  }
  .l-entry__link:hover {
    filter: drop-shadow(clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px) clamp(7px, 4.8571428571px + 0.2678571429vw, 15px) rgba(0, 0, 0, 0.5));
    color: #323232;
  }
  .l-entry__link:hover::after {
    opacity: 1;
  }
  .l-entry__link:hover span {
    overflow: hidden;
  }
  .l-entry__link:hover span::before {
    background: url(../../assets/img/common/ico/ico_entry_b_arw.svg) no-repeat 50% 50%/contain;
    animation: entryIcoMove 0.5s 0s ease forwards;
  }
  .l-entry__link:hover span::after {
    background: url(../../assets/img/common/ico/ico_entry_b_r.svg) no-repeat 50% 50%/contain;
  }
  .l-pcentry__btn::after {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffadb2;
    content: "";
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s 0s ease;
    width: 100%;
  }
  .l-pcentry__btn:hover .l-pcentry__btn__txt {
    color: #323232;
  }
  .l-pcentry__btn:hover .l-pcentry__btn__txt span {
    overflow: hidden;
  }
  .l-pcentry__btn:hover .l-pcentry__btn__txt span::before {
    background: url(../../assets/img/common/ico/ico_entry_b_arw.svg) no-repeat 50% 50%/contain;
    animation: entryIcoMove 0.5s 0s ease forwards;
  }
  .l-pcentry__btn:hover .l-pcentry__btn__txt span::after {
    background: url(../../assets/img/common/ico/ico_entry_b_r.svg) no-repeat 50% 50%/contain;
  }
  .l-pcentry__btn:hover::after {
    opacity: 1;
  }
}

@media (min-width: 1200px){
  .l-entry__inner {
    padding: 0;
  }
  .l-entry__link {
    width: clamp(308px, 213.7142857143px + 11.7857142857vw, 660px);
  }
}

@media (max-width: 599px){
  .l-entry__text span {
    display: block;
    font-size: min(5vw, 40px);
    line-height: 1.2666666667;
    display: inline-block;
    margin-bottom: min(0.3vw, 3px);
  }
}

@media (min-width: 950px){
  .l-entry__text .br-nrw {
    display: none;
  }
}

@media (min-width: 1000px){
  .l-gnav {
    display: none !important;
  }
  .l-gnav__btnwrap {
    display: none;
  }
  .c-header-logo-img {
    width: 174px;
  }
  [data-pageid=producers] .c-header-logo-text {
    color: #fff;
  }
  .c-header-logo-text {
    margin-top: 3px;
  }
  .c-header-logo-text .sub {
    font-size: 1.5625rem;
    letter-spacing: -0.025em;
  }
  .c-header-logo-text .term {
    font-size: 1.125rem;
    letter-spacing: -0.002em;
  }
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    height: 101px;
    mix-blend-mode: difference;
    padding: 0 min(35px, 1.3vw) 0 34px;
    pointer-events: none;
    width: calc(100% - min(176px, 13.7vw));
    isolation: isolate;
  }
  .l-header__left {
    position: fixed;
    top: 29px;
    left: 40px;
  }
  .l-header__left.-top {
    display: block;
  }
  .l-header__left.-header {
    display: none;
  }
  .l-header__right {
    align-items: flex-start;
    max-width: 870px;
    margin-top: min(34px, 2.5vw);
    padding-left: 40px;
  }
  .l-nav__header {
    display: none;
  }
  .l-nav__list {
    gap: 10px min(40px, 1.6vw);
    flex-wrap: wrap;
  }
  .l-nav__list__item {
    color: #CDCDCD;
    font-size: min(20px, 1.6vw);
    letter-spacing: -0.02em;
  }
  .l-nav__list__item .sub {
    display: none;
  }
  .l-nav__list__item.-top {
    display: block;
  }
  .l-nav__list__item.-trailers {
    display: none;
  }
  [data-pageid=top] .l-nav__list__item {
    transform: scaleX(0);
    transform-origin: left;
    position: relative;
  }
  [data-pageid=top] .l-nav__list__item::before {
    position: absolute;
    top: 50%;
    left: 0;
    background: #CDCDCD;
    content: "";
    height: 180%;
    transition: all 0.4s 0.8s ease;
    transform: translateY(-50%) scaleX(1);
    transform-origin: right;
    width: 100%;
  }
  [data-pageid=top].-ready .l-nav__list__item {
    animation: itemInScaleX 0.4s 0.4s ease forwards;
  }
  [data-pageid=top].-ready .l-nav__list__item::before {
    transform: translateY(-50%) scaleX(0);
  }
  .l-nav__list__item.-active::after {
    width: 100%;
  }
  .l-nav__list__item.-active:hover::after {
    animation: nav-underline 0.3s ease forwards;
  }
  .l-nav__list__item:hover::after {
    animation: nav-underline 0.3s ease forwards;
  }
  .l-nav__sublist {
    display: none;
  }
  .l-nav__entry {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
  }
  .l-nav__entry .l-entry {
    display: none;
  }
  .l-nav__entry__inner {
    display: block;
  }
  .l-pcentry__btn {
    display: block;
  }
  [data-pageid=voices] .c-article__main__inner {
    padding: 0 10vw 0 0;
  }
  .c-fixedbtn {
    bottom: 1.7vw;
    left: calc(100% - 1.7vw - clamp(117.6px, 81.6px + 4.5vw, 252px));
    width: clamp(117.6px, 81.6px + 4.5vw, 252px);
  }
  .c-visible_middle_over {
    display: block;
  }
}

@media (max-width: 999px){
  [data-pageid=top] .l-gnav__btnwrap {
    clip-path: inset(0 100% 0 0);
  }
  [data-pageid=top].-ready .l-gnav__btnwrap {
    animation: tapeInLR 0.5s 0.5s ease forwards;
  }
  .l-gnav .l-nav__list__item .txt span {
    display: block;
    transform: translateY(110%);
    transition: transform 0.5s 0s ease;
  }
  .-gnav-open .l-gnav .l-nav__list__item .txt span {
    animation: navTextIn 0.5s 0.3s ease forwards;
  }
  .l-gnav .l-nav__list__item::after {
    transform: scale(0);
    transition: transform 0.3s 0.8s ease;
    transform-origin: left;
  }
  .-gnav-open .l-gnav .l-nav__list__item::after {
    animation: itemInScaleX 0.3s 0.8s ease forwards;
  }
  .l-gnav .l-nav__list__item .l-nav__sublist__item {
    opacity: 0;
    transform-origin: left;
  }
  .-gnav-open .l-gnav .l-nav__list__item .l-nav__sublist__item {
    animation: itemInRL 0.5s 0.5s ease forwards;
  }
  .l-gnav .l-nav__entry {
    opacity: 0;
  }
  .-gnav-open .l-gnav .l-nav__entry {
    animation: itemInRL 0.5s 0.5s ease forwards;
  }
  .c-header-logo-img {
    width: 103.5px;
  }
  .c-header-logo-text {
    margin-top: 1px;
  }
  .c-header-logo-text .sub {
    font-size: 0.875rem;
  }
  .c-header-logo-text .term {
    font-size: 0.625rem;
  }
  [data-pageid=top] .c-header-logo-text .sub::after {
    background: #323232;
  }
  [data-pageid=top] .c-header-logo-text .term::after {
    background: #323232;
  }
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    height: 67px;
    z-index: 100;
  }
  .l-header__left {
    position: absolute;
    top: 6px;
    left: 15px;
  }
  .l-header__right {
    display: none;
  }
  .l-header__logo {
    font-size: initial;
  }
  [data-pageid=producers] .l-header__logo__img {
    background: url(../../assets/img/common/logo.svg) no-repeat top center/contain;
  }
  [data-pageid=producers] .l-header__logo__img img {
    opacity: 0;
  }
  .l-gnav .l-nav__list {
    padding: 142px 0 250px;
  }
  .l-nav__entry {
    background: linear-gradient(60deg, rgb(205, 170, 255) 2.55%, rgb(255, 127, 185) 33.85%, rgb(255, 174, 101) 65.09%, rgb(255, 245, 233) 100%);
    padding: 6.1vw 6.1vw;
    width: 100%;
  }
  .c-fixedbtn {
    width: 26.4vw;
    bottom: 2.5vw;
    right: 2.5vw;
    max-width: 110px;
  }
  .c-visible_middle_under {
    display: block;
  }
}

@media (min-width: 2200px){
  [data-browser=safari] .l-header {
    mix-blend-mode: normal;
  }
  [data-browser=safari] .l-nav__list__item {
    color: #323232;
  }
  [data-browser=safari] [data-pageid=top] .l-nav__list__item {
    background: #323232;
  }
  [data-browser=safari] .l-nav__list__item::after {
    background: #323232;
  }
  [data-browser=safari] .l-nav__sublist__item::after {
    background: #323232;
  }
}

@media (min-width: 500px){
  .l-nav__sublist__item br {
    display: none;
  }
  .l-nav__entry .l-entry__text {
    display: block;
  }
}

@media (max-width: 999px) and (min-width: 500px){
  .l-nav__entry {
    padding: 0;
  }
}

@media (max-width: 499px){
  .l-nav__entry .l-entry {
    padding: 0;
  }
  .l-nav__entry .l-entry__content {
    margin-top: 0;
  }
}

@media (min-width: 1190px){
  [data-pageid=producers] .c-article__main {
    padding-bottom: 5.2vw;
  }
  [data-pageid=producers] .c-article__main__slider {
    width: clamp(308px, 213.7142857143px + 11.7857142857vw, 660px);
  }
}

@media (min-width: 1400px){
  [data-pageid=about] .c-pagetitle__block, [data-pageid=qa] .c-pagetitle__block {
    max-width: clamp(1075.2px, 746.0571428571px + 41.1428571429vw, 2304px);
  }
}