/* @mixin MQ_OVER {
    @media (min-width: 1000px) {
        @content;
    }
} */
.producers__header {
  position: relative;
  z-index: 1;
}
.producers__header .c-share {
  opacity: 0;
}
.-ready .producers__header .c-share {
  animation: itemFadeIn 0.5s 0.2s forwards;
}

.producers__header__inner {
  height: 100%;
}

.producers__header__key {
  line-height: 1;
  letter-spacing: 0.03em;
  position: relative;
  opacity: 0;
}
.producers__header__key::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 999px;
  content: "";
}
.-ready .producers__header__key {
  animation: itemFadeIn 0.5s 0.3s forwards;
}

.producers__header__words {
  font-weight: 800;
  line-height: 1;
  position: relative;
  opacity: 0;
}
.producers__header__words span {
  display: inline-block;
  line-height: 1;
}
.producers__header__words .bottom {
  clip-path: inset(0 100% 0 0);
}
.takahashi_onogi .producers__header__words .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 .producers__header__words .bottom {
  background: linear-gradient(90deg, rgb(93, 184, 255) 0%, rgb(193, 154, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.-ready .producers__header__words .bottom {
  animation: tapeInLR 1s 0.3s ease forwards;
}
.producers__header__words .top {
  position: absolute;
  top: 0;
  left: 0;
}
.takahashi_onogi .producers__header__words .top {
  color: #827357;
}
.murata .producers__header__words .top {
  color: #3e75a3;
}
.-ready .producers__header__words .top {
  animation: tapeOutLR 1s 0.3s ease forwards;
}
.-ready .producers__header__words {
  animation: itemFadeIn 0.2s 0.3s ease forwards;
}

.producers__header__info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.producers__header__info .name {
  letter-spacing: -0.05em;
}
.producers__header__info.-info_1 .name .c-tape-on:nth-of-type(1) {
  animation-delay: 0.2s;
}
.producers__header__info.-info_1 .name .c-tape-on:nth-of-type(1)::after {
  animation-delay: 0.7s !important;
}
.producers__header__info.-info_1 .name .c-tape-on:nth-of-type(2) {
  animation-delay: 0.3s;
}
.producers__header__info.-info_1 .name .c-tape-on:nth-of-type(2)::after {
  animation-delay: 0.8s !important;
}
.producers__header__info.-info_2 .name {
  animation-delay: 0.3s;
}
.producers__header__info.-info_2 .name::after {
  animation-delay: 0.8s !important;
}
.producers__header__info .position {
  font-weight: 800;
  line-height: 1;
  animation-delay: 0.5s;
}
.producers__header__info .position::after {
  animation-delay: 0.8s !important;
}
.producers__header__pagebtn.-bottom {
  display: none;
  opacity: 0;
  z-index: 1;
}
.producers__header__pagebtn.-bottom.-reveal {
  animation: itemFadeIn 0.5s 0s forwards !important;
}
.producers__header__pagebtn::after {
  content: "";
}
.producers__header__pagebtn .text {
  font-weight: 800;
}

.producers__main {
  color: #fff;
}
.producers__main .c-share {
  justify-content: center;
  margin-top: 15.2vw;
}

.producers__main__text .name {
  color: #ffbd43;
}

.producers__main__pagebtn {
  text-align: center;
  margin-top: 10.1vw;
}
.producers__main__pagebtn a {
  display: inline-block;
  text-align: center;
}
.producers__main__pagebtn .text {
  font-weight: 800;
  position: relative;
  padding-right: 5.8vw;
}
.producers__main__pagebtn .text::after {
  position: absolute;
  left: 0;
  bottom: -0.4em;
  content: "";
  background: #fff;
  height: 0.5vw;
  width: 100%;
}

.producers__mainvisual {
  width: 100%;
}

.producers.takahashi_onogi .l-main__bg {
  -webkit-mask: url(../../assets/img/producers/mask_takahashi_onogi_nrw.webp) no-repeat top center/cover;
          mask: url(../../assets/img/producers/mask_takahashi_onogi_nrw.webp) no-repeat top center/cover;
}

.producers.murata .l-main__bg {
  -webkit-mask: url(../../assets/img/producers/mask_murata_nrw.webp) no-repeat top center/cover;
          mask: url(../../assets/img/producers/mask_murata_nrw.webp) no-repeat top center/cover;
}

.producers__mainvisual__img {
  height: 100%;
  opacity: 0;
  width: 100%;
}
.takahashi_onogi .producers__mainvisual__img {
  background: url(../../assets/img/producers/ph_main_takahashi_onogi_nrw.webp) no-repeat top center/cover;
}
.murata .producers__mainvisual__img {
  background: url(../../assets/img/producers/ph_main_murata_nrw.webp) no-repeat top center/cover;
}
.producers__mainvisual__img {
  animation: producersMvImgIn 1.7s 0s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes producersMvImgIn {
  0% {
    opacity: 0.5;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.producers__mainvisual__imgmask {
  position: fixed;
  top: 0;
  left: 0;
  background: #141414;
  opacity: 0;
  height: 100%;
  width: 100%;
}

.producers__mainvisual__bgtext {
  line-height: 1;
  transform: translateX(-50%);
  opacity: 0.2;
  white-space: nowrap;
}
.producers__mainvisual__bgtext span {
  display: block;
  transition: all 0.5s ease;
}
.is-article-in .producers__mainvisual__bgtext span {
  opacity: 0;
  transform: scale(1.02);
}
@media (max-width: 799px) {
  .producers__header {
    height: 100svh;
  }
  .producers__header .c-share {
    display: none;
  }
  .producers__header__title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 5vw 7.6vw;
    width: 100%;
  }
  .producers__header__key {
    font-size: 3vw;
    padding-left: 3.1vw;
  }
  .producers__header__key::before {
    left: 0.6vw;
    height: 1.5vw;
    width: 1.5vw;
  }
  .producers__header__words {
    display: inline-block;
    font-size: 6.1vw;
    margin-top: 0.3vw;
  }
  .producers__header__words span {
    line-height: 1.25;
  }
  .producers__header__info + .producers__header__info {
    margin-top: 2.5vw;
  }
  .takahashi_onogi .producers__header__info .name {
    font-size: 10.4vw;
    line-height: 0.9024390244;
  }
  .murata .producers__header__info .name {
    font-size: 12.2vw;
    line-height: 0.875;
  }
  .producers__header__info.-info_1 {
    margin-top: 0.6vw;
  }
  .producers__header__info.-info_1 .name::after {
    display: none;
  }
  .producers__header__info.-info_1::after {
    display: none;
  }
  .producers__header__info .position {
    font-size: 3.5vw;
    margin-top: 1.2vw;
  }
  .producers__header__pagebtn {
    position: absolute;
    bottom: 7.6vw;
    right: 5vw;
    height: 8.1vw;
    transform: scaleX(1) !important;
    width: 8.1vw;
  }
  .producers__header__pagebtn .text {
    display: none;
  }
  .producers__main__inner {
    padding: 0 6.3vw 12.7vw;
  }
  .producers__main__pagebtn {
    margin-top: 17.3vw;
  }
  .producers__main__pagebtn .text {
    font-size: 4vw;
    line-height: 1.3;
  }
  .producers__main__pagebtn .text::after {
    bottom: -0.5em;
  }
  .producers__mainvisual {
    position: fixed;
    top: 0;
    left: 0;
    top: 67px;
    height: calc(100svh - 67px);
    width: 100vw;
  }
  .producers__mainvisual__bgtext {
    position: absolute;
    top: -3.2vw;
    left: 49%;
    font-size: 18.8vw;
    font-variation-settings: "wght" 230, "wdth" 100, "slnt" 0;
    letter-spacing: -0.055em;
  }
  .takahashi_onogi .producers__mainvisual__bgtext {
    opacity: 0.3;
  }
}
@media (max-width: 799px) and (max-height: 500px) {
  .producers__header {
    height: 300svh;
  }
}
@media (min-width: 800px) {
  .producers__header {
    height: 100svh;
    min-height: 700px;
  }
  .takahashi_onogi .producers__header {
    margin-left: clamp(56px, 38.8571428571px + 2.1428571429vw, 120px);
  }
  .murata .producers__header {
    margin-left: auto;
    margin-right: clamp(56px, 38.8571428571px + 2.1428571429vw, 120px);
    width: 78.1vw;
  }
  .producers__header__inner {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    padding-bottom: clamp(112px, 77.7142857143px + 4.2857142857vw, 240px);
  }
  .producers__header__key {
    font-size: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
    padding-left: clamp(17.5px, 12.1428571429px + 0.6696428571vw, 37.5px);
  }
  .producers__header__key::before {
    left: clamp(3.5px, 2.4285714286px + 0.1339285714vw, 7.5px);
    height: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
    width: clamp(8.4px, 5.8285714286px + 0.3214285714vw, 18px);
  }
  .producers__header__words {
    font-size: clamp(28px, 19.4285714286px + 1.0714285714vw, 60px);
    margin-top: clamp(9.8px, 6.8px + 0.375vw, 21px);
  }
  .producers__header__words br {
    display: none;
  }
  .producers__header__info .name {
    line-height: 1;
    letter-spacing: -0.015em;
  }
  .takahashi_onogi .producers__header__info .name {
    font-size: clamp(56px, 38.8571428571px + 2.1428571429vw, 120px);
    margin-top: clamp(9.8px, 6.8px + 0.375vw, 21px);
  }
  .murata .producers__header__info .name {
    font-size: clamp(61.6px, 42.7428571429px + 2.3571428571vw, 132px);
    margin-top: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
    white-space: nowrap;
  }
  .producers__header__info .name br {
    display: none;
  }
  .producers__header__info.-info_1 .name {
    animation-delay: 0.3s;
  }
  .takahashi_onogi .producers__header__info.-info_1 .name {
    margin-top: clamp(6.3px, 4.3714285714px + 0.2410714286vw, 13.5px);
  }
  .producers__header__info.-info_1 .name::after {
    animation-delay: 0.8s !important;
  }
  .producers__header__info.-info_1 span.c-tape-on::after {
    display: none;
  }
  .takahashi_onogi .producers__header__info.-info_1 .position {
    margin-top: clamp(6.3px, 4.3714285714px + 0.2410714286vw, 13.5px);
  }
  .takahashi_onogi .producers__header__info.-info_2 .name {
    margin-top: clamp(10.5px, 7.2857142857px + 0.4017857143vw, 22.5px);
  }
  .takahashi_onogi .producers__header__info.-info_2 .position {
    margin-top: clamp(2.1px, 1.4571428571px + 0.0803571429vw, 4.5px);
  }
  .producers__header__info .position {
    font-size: clamp(14px, 9.7142857143px + 0.5357142857vw, 30px);
  }
  .takahashi_onogi .producers__header__info .position {
    margin-top: clamp(4.9px, 3.4px + 0.1875vw, 10.5px);
    margin-left: clamp(3.5px, 2.4285714286px + 0.1339285714vw, 7.5px);
  }
  .murata .producers__header__info .position {
    margin-top: clamp(5.6px, 3.8857142857px + 0.2142857143vw, 12px);
    margin-left: clamp(3.5px, 2.4285714286px + 0.1339285714vw, 7.5px);
  }
  .producers__header__pagebtn {
    position: fixed;
    bottom: clamp(33.6px, 23.3142857143px + 1.2857142857vw, 72px);
  }
  .takahashi_onogi .producers__header__pagebtn {
    right: clamp(33.6px, 23.3142857143px + 1.2857142857vw, 72px);
    text-align: right;
  }
  .murata .producers__header__pagebtn {
    left: clamp(33.6px, 23.3142857143px + 1.2857142857vw, 72px);
  }
  .producers__header__pagebtn.-top {
    transition: all 0.5s ease;
  }
  .is-article-in .producers__header__pagebtn.-top {
    opacity: 0;
    visibility: hidden;
  }
  .producers__header__pagebtn::after {
    position: absolute;
    top: 0;
    right: clamp(-35px, -24.2857142857px + -1.3392857143vw, -75px);
  }
  .producers__header__pagebtn .c-arwbtn-r {
    width: clamp(35px, 24.2857142857px + 1.3392857143vw, 75px);
  }
  .takahashi_onogi .producers__header__pagebtn .c-arwbtn-r {
    margin-left: clamp(7px, 4.8571428571px + 0.2678571429vw, 15px);
  }
  .producers__header__pagebtn .text {
    font-size: clamp(16.1px, 11.1714285714px + 0.6160714286vw, 34.5px);
    line-height: 1.35;
  }
  .producers__header__pagebtn .text span {
    font-size: clamp(12.6px, 8.7428571429px + 0.4821428571vw, 27px);
    display: block;
    margin-top: -5px;
  }
  .murata .producers__header__pagebtn .text {
    margin-left: 10px;
  }
  .producers__header__pagebtn__inner {
    align-items: center;
    display: flex;
  }
  .murata .producers__header__pagebtn__inner {
    flex-direction: row-reverse;
  }
  .producers__inner {
    margin: 0 auto;
    width: 78.1vw;
  }
  .producers__main {
    margin-top: clamp(105px, 72.8571428571px + 4.0178571429vw, 225px);
    position: relative;
  }
  .producers__main .c-share {
    display: none;
  }
  .producers__main__inner {
    margin: 0 auto;
  }
  .producers__main__pagebtn .text {
    line-height: 1.2;
    padding-right: 2.3vw;
  }
  .producers__main__pagebtn .text::after {
    height: 0.2vw;
  }
  .producers__mainvisual {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
  }
  .producers.takahashi_onogi .l-main__bg {
    -webkit-mask: url(../../assets/img/producers/mask_takahashi_onogi.webp) no-repeat right 30% top 30%/cover;
            mask: url(../../assets/img/producers/mask_takahashi_onogi.webp) no-repeat right 30% top 30%/cover;
  }
  .producers.murata .l-main__bg {
    -webkit-mask: url(../../assets/img/producers/mask_murata.webp) no-repeat left 20% top 20%/cover;
            mask: url(../../assets/img/producers/mask_murata.webp) no-repeat left 20% top 20%/cover;
  }
  .murata .producers__mainvisual__img {
    background: url(../../assets/img/producers/ph_main_murata.webp) no-repeat left 20% top 20%/cover;
  }
  .producers__mainvisual__bgtext {
    position: absolute;
    left: 50%;
    bottom: -1.5vw;
    font-size: clamp(219.8px, 152.5142857143px + 8.4107142857vw, 471px);
    letter-spacing: -0.05em;
    transform-origin: right;
    white-space: nowrap;
    font-variation-settings: "wght" 156, "wdth" 100, "slnt" 0;
  }
}
@media (min-width: 1000px) {
  .murata .producers__header {
    width: clamp(509.6px, 353.6px + 19.5vw, 1092px);
  }
  .producers__header__inner {
    justify-content: center;
    padding-bottom: 0;
  }
  .takahashi_onogi .producers__header__inner {
    margin-top: clamp(-24.5px, -17px + -0.9375vw, -52.5px);
  }
  .murata .producers__header__inner {
    margin-top: clamp(-38.5px, -26.7142857143px + -1.4732142857vw, -82.5px);
  }
  .producers__header__pagebtn.-bottom {
    display: block;
    position: absolute;
    bottom: 5.2vw;
  }
  .takahashi_onogi .producers__header__pagebtn.-bottom {
    right: clamp(33.6px, 23.3142857143px + 1.2857142857vw, 72px);
  }
  .murata .producers__header__pagebtn.-bottom {
    left: clamp(33.6px, 23.3142857143px + 1.2857142857vw, 72px);
  }
  .producers__inner {
    width: 100%;
  }
  .producers__main__inner {
    width: clamp(509.6px, 353.6px + 19.5vw, 1092px);
  }
  .takahashi_onogi .producers__main__inner {
    margin-left: clamp(56px, 38.8571428571px + 2.1428571429vw, 120px);
  }
  .murata .producers__main__inner {
    margin-left: auto;
    margin-right: clamp(56px, 38.8571428571px + 2.1428571429vw, 120px);
  }
  .producers__main__pagebtn {
    display: none;
  }
  .producers.murata .l-main__bg {
    -webkit-mask-position: left 60% top 20%;
            mask-position: left 60% top 20%;
  }
  .takahashi_onogi .producers__mainvisual__img {
    background: url(../../assets/img/producers/ph_main_takahashi_onogi.webp) no-repeat right 30% top 30%/cover;
  }
  .murata .producers__mainvisual__img {
    background-position: left 60% top 20%;
  }
  .producers__mainvisual__imgmask {
    background: rgba(20, 20, 20, 0.3);
  }
}
@media (min-width: 1200px) {
  .takahashi_onogi .producers__header {
    margin-left: clamp(91px, 63.1428571429px + 3.4821428571vw, 195px);
  }
  .murata .producers__header {
    margin-right: clamp(91px, 63.1428571429px + 3.4821428571vw, 195px);
  }
  .takahashi_onogi .producers__main__inner {
    margin-left: clamp(91px, 63.1428571429px + 3.4821428571vw, 195px);
  }
  .murata .producers__main__inner {
    margin-right: clamp(91px, 63.1428571429px + 3.4821428571vw, 195px);
  }
}
@media (min-width: 1500px) {
  .producers.murata .l-main__bg {
    -webkit-mask-position: left top 20%;
            mask-position: left top 20%;
  }
  .murata .producers__mainvisual__img {
    background-position: left top 20%;
  }
}
@media (max-height: 500px) {
  .takahashi_onogi .producers__mainvisual__img {
    background-position: top center;
  }
  .murata .producers__mainvisual__img {
    background-position: top 28% center;
  }
}
@media (max-height: 800px) {
  .takahashi_onogi .producers__mainvisual__img {
    background-position: top 15% center;
  }
}