@charset "UTF-8";
:is(#movie,
#graphic,
#campaign) {
  width: 100%;
  border-top: 1px solid var(--color-black);
}

@keyframes scroll {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 100%, 0);
  }
}
#wrapper {
  position: relaitve;
}

#kv .c-content {
  position: absolute;
  z-index: 2;
  width: var(--inner-width);
  bottom: 7.69vw;
  left: 3.85vw;
}
#kv h1 {
  width: 100%;
  aspect-ratio: 640/85;
}
#kv h2 {
  width: 94.4%;
  margin-top: 4.36vw;
  aspect-ratio: 486/54;
}
#kv .c-btn_wrap {
  margin-top: 5.13vw;
}
#kv .c-btn_wrap button {
  width: 30.77vw;
  height: 10.26vw;
  background: var(--color-black);
  position: relative;
  overflow: hidden;
  border-radius: 100vmax;
  cursor: pointer;
}
#kv .c-btn_wrap button .inr {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2.31vw;
}
#kv .c-btn_wrap button span.progress {
  width: 0%;
  height: 100%;
  position: absolute;
  background: var(--color-white);
  top: 0px;
  left: 0px;
}
#kv .c-btn_wrap button span {
  position: relative;
}
#kv .c-btn_wrap button span.txt {
  font-size: var(--fs-15-19);
  color: var(--color-white);
  mix-blend-mode: difference;
}
#kv .c-btn_wrap button span.c-icon {
  width: 5.13vw;
  height: 5.13vw;
  mix-blend-mode: difference;
}
#kv .c-btn_wrap button span.c-icon svg {
  fill: var(--color-white);
}
#kv .c-scroll {
  position: absolute;
  bottom: 0px;
  right: 3.85vw;
}
#kv .c-scroll p {
  width: 2.31vw;
}
#kv .c-scroll .bar {
  width: 1px;
  height: 7.69vw;
  margin-inline: auto;
  position: relative;
  margin-top: 2.56vw;
  overflow: hidden;
}
#kv .c-scroll .bar span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  display: block;
  top: 0px;
  left: 0px;
  ;-webkit-animation: scroll 2s ease-in-out 0s infinite;
  -moz-animation: scroll 2s ease-in-out 0s infinite;
  animation: scroll 2s ease-in-out 0s infinite;
}

#about {
  position: relative;
}
#about .s-inner {
  width: var(--inner-width);
  margin-inline: auto;
  padding: 19.49vw 0 15.38vw 0;
}
#about .c-cols_r {
  margin-bottom: 7.69vw;
}
#about .c-cols_r ul {
  position: relative;
  width: 100%;
  aspect-ratio: 360/252;
}
#about .c-cols_r ul li {
  position: absolute;
  opacity: 0;
  transition: opacity 0.6s ease;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#about .c-cols_r ul li figure, #about .c-cols_r ul li img {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#about .c-cols_r ul li.active {
  opacity: 1;
}
#about .c-cols_l .c-ttl {
  margin-bottom: 8.97vw;
}
#about .c-cols_l .c-ttl h3 {
  width: 82.05vw;
}
#about .c-cols_l .c-ttl h3 span.w_t {
  width: 100%;
  height: 10.77vw;
  display: block;
  overflow: hidden;
}
#about .c-cols_l .c-ttl h3 span.ttl0 {
  margin-bottom: 3.85vw;
}
#about .c-cols_l .txt span.w_t {
  width: 100%;
  display: block;
  overflow: hidden;
  margin-bottom: 2.95vw;
}
#about .c-cols_l .txt span.w_t span.t {
  display: block;
  width: 100%;
}
#about .c-cols_l .txt span.w_t img {
  width: 100%;
  height: 5.9vw;
}
#about .c-cols_l .txt img {
  width: 100%;
  display: block;
}
#about .c-cols_l .txt span.t0 span.t {
  width: 100%;
}
#about .c-cols_l .txt {
  /*
  span.t1{
  	img{ width: mx.spW(360);}
  }
  span.t2{
  	img{ width: mx.spW(360);}
  }
  span.t3{
  	img{ width: mx.spW(360);}
  }
  span.t4{
  	img{ width: mx.spW(360);}
  }
  span.t5{
  	img{ width: mx.spW(360);}
  }
  span.t6{
  	img{ width: mx.spW(360);}
  }
  span.t7{
  	img{ width: mx.spW(360); position: relative; left: -.1em;}
  }
  */
}
#about .c-cols_l .txt span.fin {
  margin-top: 8.97vw;
}
#about .c-cols_l .txt span.fin img {
  width: 92.31vw;
  height: 6.44vw;
}

#movie .s-inner {
  width: var(--inner-width);
  margin-inline: auto;
  padding: 19.49vw 0 18.97vw 0;
}
#movie .c-ttl {
  margin-bottom: 10.26vw;
}
#movie .c-ttl h3 span {
  width: 43.08vw;
  aspect-ratio: 403/89;
  display: block;
}

.b-cast .c-ttl_h4 {
  margin-bottom: 7.69vw;
}
.b-cast .c-ttl_h4 span.w_t {
  display: block;
  width: 23.08vw;
  aspect-ratio: 151/40;
}

.b-song {
  margin-top: 17.95vw;
}
.b-song .c-ttl_h4 {
  margin-bottom: 7.69vw;
}
.b-song .c-ttl_h4 span.w_t {
  display: block;
  width: 5.9vw;
  aspect-ratio: 38/44;
}

#graphic {
  border-bottom: 1px solid var(--color-black);
}
#graphic .s-inner {
  width: var(--inner-width);
  margin-inline: auto;
  padding: 17.95vw 0 17.95vw 0;
}
#graphic .c-ttl {
  margin-bottom: 10.26vw;
}
#graphic .c-ttl h3 span {
  width: 58.21vw;
  aspect-ratio: 546/106;
  display: block;
}
#graphic .c-list_graphic ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 5.13vw;
}
#graphic .c-list_graphic ul li {
  width: 100%;
  position: relative;
}
#graphic .c-list_graphic ul li:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid var(--color-black);
  pointer-events: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #graphic .c-list_graphic ul li:after {
    border: 0.5px solid var(--color-black);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
  #graphic .c-list_graphic ul li:after {
    border: 0.5px solid var(--color-black);
  }
}
#search {
  border-bottom: 1px solid var(--color-black);
  min-height: auto;
}
#search .s-inner {
  padding: 21.79vw 0 26.15vw 0;
  overflow: clip;
  position: relative;
}
#search .glass {
  position: absolute;
  top: 6.41vw;
  left: -0.77vw;
  width: 172.56vw;
  aspect-ratio: 673/618;
  pointer-events: none;
}
#search .c-content {
  width: 100%;
}
#search .c-content h3 {
  width: 102.56vw;
  position: relative;
  left: 0%;
}
#search .c-content .c-lead {
  margin-top: 3.85vw;
  text-align: center;
}
#search .c-content .c-lead p {
  font-size: var(--fs-11-21);
  line-height: 1.727;
  font-weight: 600;
}
#search .c-content .c-date {
  margin-top: 4.62vw;
  width: 67.44vw;
  height: 13.85vw;
  margin-inline: auto;
  background: var(--color-yellow);
  border-radius: 100vmax;
  display: grid;
  place-content: center;
}
#search .c-content .c-date p.cs {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: var(--fs-14-33);
  text-align: center;
  margin-bottom: 1.03vw;
}
#search .c-content .c-date dl {
  display: flex;
  justify-content: center;
  column-gap: 5.64vw;
  align-items: center;
}
#search .c-content .c-date dl dt {
  font-size: var(--fs-11-32);
  letter-spacing: 0.38em;
  line-height: 1.18;
  font-weight: 600;
}
#search .c-content .c-date dl dd {
  line-height: 1.1;
  position: relative;
  top: -0.51vw;
  left: -1.28vw;
}
#search .c-content .c-date dl dd span.s0,
#search .c-content .c-date dl dd span.s2 {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: var(--fs-13-34);
  letter-spacing: -0.02em;
}
#search .c-content .c-date dl dd span.s1,
#search .c-content .c-date dl dd span.s3 {
  font-size: var(--fs-10-24);
  font-weight: 600;
}
#search .c-content .c-date dl dd span.s4 {
  font-size: var(--fs-11-28);
}
#search .c-content .c-date dl dd span.s0 {
  padding-right: 0.3em;
}
#search .c-content .c-date dl dd span.s1 {
  padding-right: 0.3em;
}
#search .c-content .c-date dl dd span.s2 {
  padding-right: 0.2em;
}
#search .c-content .c-date dl dd span.s4 {
  padding-left: 0.2em;
  font-weight: 600;
}

#special {
  background: #EEEEEE;
  min-height: auto;
}
#special .s-inner {
  width: var(--inner-width);
  margin-inline: auto;
  padding: 19.74vw 0 27.18vw 0;
}
#special .c-ttl_special h3 {
  font-size: var(--fs-40-63);
  line-height: 1.3;
}
#special .c-ttl_special .c-lead {
  margin-top: 5.9vw;
}
#special .c-ttl_special .c-lead p {
  font-size: var(--fs-15-18);
  line-height: 1.73;
}
#special .c-content {
  margin-top: 5.13vw;
}
#special .c-images ul {
  display: flex;
  justify-content: space-between;
}
#special .c-images ul li {
  width: calc(50% - 1.28vw);
  border: 1px solid var(--color-black);
}
#special .c-images p.note {
  font-size: 2.31vw;
  margin-top: 2.31vw;
}
#special .c-photographer {
  margin-top: 5.64vw;
}
#special .c-photographer .c-cols {
  display: flex;
  justify-content: space-between;
}
#special .c-photographer .img {
  width: 30%;
}
#special .c-photographer .col_r {
  width: 66.66%;
}
#special .c-photographer .col_r dl dt {
  display: flex;
  column-gap: 1em;
  font-weight: 400;
}
#special .c-photographer .col_r dl dt span {
  font-size: var(--fs-14-18);
}
#special .c-photographer .col_r dl dd {
  font-size: var(--fs-10-12);
  line-height: 1.6;
  margin-top: 2.56vw;
}
#special .c-list_special {
  margin-top: 12.82vw;
}
#special .c-list_special ul {
  display: flex;
  flex-direction: column;
  row-gap: 6.67vw;
}
#special .c-list_special ul li {
  position: relative;
  padding-left: 2em;
}
#special .c-list_special ul li:before {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: var(--fs-26-37);
  font-family: "Manrope", sans-serif;
  font-weight: 800;
}
#special .c-list_special ul li:nth-child(1):before {
  content: "1.";
}
#special .c-list_special ul li:nth-child(2):before {
  content: "2.";
}
#special .c-list_special ul li:nth-child(3):before {
  content: "3.";
}
#special .c-list_special ul li h4 {
  font-size: var(--fs-23-31);
  font-weight: 500;
  line-height: 1.39;
}
#special .c-list_special ul li p {
  font-size: var(--fs-12-13);
  line-height: 1.69;
  margin-top: 1.54vw;
}
#special .c-list_special ul li sub {
  vertical-align: sub;
}

@media all and (min-width: 864px) {
  #kv .c-content {
    bottom: 3.91vw;
    left: 3.91vw;
  }
  #kv h1 {
    width: 50vw;
  }
  #kv h2 {
    width: 37.89vw;
    margin-top: 1.48vw;
  }
  #kv .c-btn_wrap {
    margin-top: 3.13vw;
  }
  #kv .c-btn_wrap button {
    width: 12.89vw;
    height: 4.3vw;
  }
  #kv .c-btn_wrap button .inr {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1.25vw;
  }
  #kv .c-btn_wrap button span.c-icon {
    width: 1.88vw;
    height: 1.88vw;
  }
  #kv .c-scroll {
    right: 2.19vw;
  }
  #kv .c-scroll p {
    width: 1.02vw;
  }
  #kv .c-scroll .bar {
    height: 4.69vw;
    margin-top: 0.94vw;
  }
  #about .s-inner {
    padding: 12.5vw 0 10.16vw 0;
  }
  #about .c-ttl h3 span.w_t {
    width: 100%;
    height: 6.64vw;
    overflow: hidden;
    display: block;
  }
  #about .c-cols {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: 2.5vw;
  }
  #about .c-cols_r {
    width: 53.55%;
    margin-bottom: 0;
  }
  #about .c-cols_r ul {
    width: 100%;
    aspect-ratio: 632/435;
  }
  #about .c-cols_r ul img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #about .c-cols_l {
    width: 43.22%;
  }
  #about .c-cols_l .txt span.w_t {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 1.45vw;
  }
  #about .c-cols_l .txt span.w_t span.t {
    display: block;
    width: 100%;
  }
  #about .c-cols_l .txt img {
    height: 2.34vw;
  }
  #about .c-cols_l .txt span.t0 img {
    width: 39.84vw;
    height: 2.22vw;
  }
  #about .c-cols_l .txt span.t1 img {
    width: 39.84vw;
    height: 2.31vw;
  }
  #about .c-cols_l .txt span.t2 img {
    width: 39.84vw;
    height: 2.31vw;
  }
  #about .c-cols_l .txt span.t3 img {
    width: 39.84vw;
    height: 2.23vw;
  }
  #about .c-cols_l .txt span.t4 img {
    width: 39.84vw;
    height: 2.2vw;
  }
  #about .c-cols_l .txt span.t5 img {
    width: 39.84vw;
    height: 2.19vw;
    position: relative;
    left: -0.3em;
  }
  #about .c-cols_l .txt span.t6 img {
    width: 39.84vw;
    height: 2.21vw;
  }
  #about .c-cols_l .txt span.t7 img {
    width: 39.84vw;
    height: 2.18vw;
    position: relative;
    left: -0.2em;
  }
  #about .c-cols_l .txt span.fin {
    margin-top: 2.5vw;
    margin-bottom: 0px;
  }
  #about .c-cols_l .txt span.fin img {
    height: 2.81vw;
  }
  #movie {
    position: relative;
  }
  #movie .s-inner {
    padding: 8.75vw 0 10.16vw 0;
  }
  #movie .c-ttl {
    margin-bottom: 4.22vw;
  }
  #movie .c-ttl h3 span {
    width: 31.48vw;
  }
  #friend .c-movie_txt.u-pc p {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
  }
  #friend .c-movie_txt.u-pc p span {
    width: 1.33vw;
  }
  #clock .c-movie_txt.u-pc p {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
  }
  #clock .c-movie_txt.u-pc p span {
    width: 1.33vw;
  }
  .b-cast .c-ttl_h4 {
    margin-bottom: 2.81vw;
  }
  .b-cast .c-ttl_h4 span.w_t {
    width: 11.8vw;
  }
  .b-song {
    margin-top: 0;
  }
  .b-song .c-ttl_h4 {
    margin-bottom: 2.81vw;
  }
  .b-song .c-ttl_h4 span.w_t {
    width: 2.97vw;
  }
  #graphic .s-inner {
    padding: 7.97vw 0 10.16vw 0;
  }
  #graphic .c-ttl {
    margin-bottom: 3.91vw;
  }
  #graphic .c-ttl h3 span {
    width: 42.66vw;
  }
  #graphic .c-list_graphic ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: revert;
    column-gap: 2.22%;
    row-gap: 2.03vw;
  }
  #graphic .c-list_graphic ul li {
    width: 48.89%;
  }
  #search .s-inner {
    padding: 14.45vw 0 19.61vw 0;
  }
  #search .glass {
    top: 3.13vw;
    left: 10.63vw;
    width: 128.44vw;
    aspect-ratio: 1644/1502;
  }
  #search .c-content {
    width: 100%;
  }
  #search .c-content h3 {
    width: 77.27vw;
    margin-inline: auto;
    position: relative;
    left: 0%;
  }
  #search .c-content .c-lead {
    margin-top: 1.88vw;
  }
  #search .c-content .c-lead p {
    line-height: 1.8;
  }
  #search .c-content .c-date {
    margin-top: 4.92vw;
    width: 50vw;
    height: 10.16vw;
  }
  #search .c-content .c-date p.cs {
    margin-bottom: 0.94vw;
    font-weight: 900;
  }
  #search .c-content .c-date dl {
    column-gap: 2.19vw;
  }
  #search .c-content .c-date dl dt {
    font-size: var(--fs-11-32);
    letter-spacing: 0.38em;
    line-height: 1.18;
  }
  #search .c-content .c-date dl dd {
    top: 0vw;
    left: -0.94vw;
  }
  #search .c-content .c-date dl dd span.s0 {
    padding-right: 0.4em;
    letter-spacing: -0.05em;
  }
  #search .c-content .c-date dl dd span.s1 {
    padding-right: 0.3em;
  }
  #search .c-content .c-date dl dd span.s2 {
    padding-right: 0.1em;
  }
  #search .c-content .c-date dl dd span.s4 {
    padding-left: 0.02em;
  }
  #special .s-inner {
    padding: 6.25vw 0 11.25vw 0;
  }
  #special .c-ttl_special .c-lead {
    margin-top: 3.13vw;
  }
  #special .c-content {
    margin-top: 2.73vw;
  }
  #special .c-imgs {
    display: flex;
    justify-content: space-between;
  }
  #special .c-images {
    width: 52.45%;
  }
  #special .c-images ul li {
    width: calc(50% - 0.59vw);
  }
  #special .c-images p.note {
    font-size: 0.86vw;
    margin-top: 0.16vw;
  }
  #special .c-imgs_r {
    width: 41.69%;
  }
  #special .c-photographer {
    margin-top: 0;
  }
  #special .c-photographer .img {
    width: 28.86%;
  }
  #special .c-photographer .col_r {
    width: 66.86%;
  }
  #special .c-photographer .col_r dl dt {
    display: flex;
    column-gap: 1em;
    font-weight: 400;
  }
  #special .c-photographer .col_r dl dd {
    line-height: 1.5;
    margin-top: 0.63vw;
  }
  #special .c-list_special {
    margin-top: 2.97vw;
  }
  #special .c-list_special ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.34vw;
    flex-direction: row;
    column-gap: 3.85%;
  }
  #special .c-list_special ul li {
    width: 51.15%;
    position: relative;
    padding-left: 3.8em;
  }
  #special .c-list_special ul li:nth-child(2) {
    width: 45%;
  }
  #special .c-list_special ul li h4 {
    line-height: 1.6;
  }
  #special .c-list_special ul li p {
    margin-top: 0vw;
    line-height: 1.5;
  }
}
@media (any-hover: hover) {
  header#global_header .c-list_share dl dd button {
    cursor: pointer;
  }
  header#global_header .c-list_share dl dd button:hover {
    background: var(--color-black);
  }
  header#global_header .c-list_share dl dd button:hover svg {
    fill: var(--color-white);
  }
  button[data-menu] span.txt:after {
    width: 100%;
    transition: width 0.3s ease;
  }
  button[data-menu]:hover span.txt:after {
    width: 0px;
    right: 0px;
    left: auto;
  }
  .scrolled header#global_header .c-list_share dl dd button {
    border: 1px solid var(--color-black);
  }
  .scrolled header#global_header .c-list_share dl dd button:hover {
    background: var(--color-white);
    border-color: var(--color-black);
  }
  .scrolled header#global_header .c-list_share dl dd button:hover svg {
    fill: var(--color-black);
  }
  a.c-btn.round {
    transition: background 0.15s linear;
  }
  a.c-btn.round span.txt {
    transition: color 0.15s linear;
  }
  a.c-btn.round:hover {
    background: var(--color-black);
  }
  a.c-btn.round:hover span.txt {
    color: var(--color-white);
  }
  #movie .c-list_movie .c-movie .c-movie_player button span.circle {
    transition: background 0.15s linear;
  }
  #movie .c-list_movie .c-movie .c-movie_player button span.circle span.txt {
    transition: color 0.15s linear;
  }
  #movie .c-list_movie .c-movie .c-movie_player button:hover span.circle {
    background: var(--color-white);
  }
  #movie .c-list_movie .c-movie .c-movie_player button:hover span.circle span.txt {
    color: var(--color-black);
  }
  #b-glbnav .c-list_nav ul li a span.txt:after {
    transition: width 0.3s ease;
  }
  #b-glbnav .c-list_nav ul li a:hover span.txt:after {
    width: 0px;
    right: 0px;
    left: auto;
  }
  #b-glbnav .c-list_nav ul li a:after {
    transition: width 0.3s ease;
  }
  #b-glbnav .c-list_nav ul li a:hover:after {
    width: 0px;
    right: 0px;
    left: auto;
  }
  #kv .c-btn_wrap button {
    transition: background 0.15s linear;
  }
  #kv .c-btn_wrap button:hover {
    background: var(--color-white);
  }
  #kv .c-btn_wrap button:hover span.progress {
    background: var(--color-black);
    transition: background 0.15s linear;
  }
  footer#global_footer .c-list_external ul li a {
    transition: background 0.15s linear;
  }
  footer#global_footer .c-list_external ul li a img {
    mix-blend-mode: difference;
  }
  footer#global_footer .c-list_external ul li a dt, footer#global_footer .c-list_external ul li a dd {
    transition: color 0.15s, linear;
  }
  footer#global_footer .c-list_external ul li a:hover {
    background: var(--color-white);
  }
  footer#global_footer .c-list_external ul li a:hover .txt dt, footer#global_footer .c-list_external ul li a:hover .txt dd {
    color: var(--color-black);
  }
}
@starting-style {}
@property --custom-inherit-color {
  syntax: "<color>";
  inherits: true; /* デフォルトで親の値を継承する */
  initial-value: #f00; /* 赤色 */
}
header#global_header {
  transition: background 0.3s ease;
}
header#global_header p.logo {
  transition: width 0.3s ease, height 0.3s ease;
}
header#global_header p.logo svg {
  fill: var(--color-white);
  transition: color 0.3s ease;
}
header#global_header .c-list_share dl dt {
  color: var(--color-white);
  transition: color 0.15s ease;
}
header#global_header .c-list_share dl dd button {
  background: var(--color-white);
  transition: background 0.15s ease;
}
header#global_header .c-list_share dl dd button svg {
  fill: var(--color-black);
  transition: fill 0.15s ease;
}

button[data-menu] span.txt {
  color: var(--color-white);
  transition: color 0.3s ease;
}
button[data-menu] span.txt:after {
  background-color: var(--color-white);
}

.scrolled button[data-menu] span.txt {
  color: var(--color-black);
}
.scrolled button[data-menu] span.txt:after {
  background-color: var(--color-black);
}
.scrolled header#global_header {
  background: var(--color-white);
  border-bottom: 1px solid var(--color-black);
  --header-logo-width: 41.03vw;
  --header-logo-height: 6.02vw;
}
.scrolled header#global_header p.logo svg {
  fill: var(--color-black);
}
.scrolled header#global_header .c-list_share dl dt {
  color: var(--color-black);
}
.scrolled header#global_header .c-list_share dl dd button {
  background: var(--color-black);
  transition: background 0.3s ease;
}
.scrolled header#global_header .c-list_share dl dd button svg {
  fill: var(--color-white);
}

#about .c-ttl h3 span.w_t img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#about .c-ttl.animate h3 span.w_t img {
  transform: translate3d(0, 0, 0);
}
#about .txt span.w_t {
  overflow: hidden;
}
#about .txt span.w_t img {
  transform: translate3d(0, 140%, 0);
  transition: transform 0.6s ease;
}
#about .c-cols_r figure {
  overflow: hidden;
}
#about .c-cols_r figure img {
  scale: 1.2;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  transition: opacity 0.6s ease, scale 0.6s ease, transform 0.6s ease;
}
#about .animate .c-ttl.u-sp h3 span.w_t img {
  transform: translate3d(0, 0, 0);
}
#about .animate .c-ttl.u-sp h3 .ttl1 {
  transition-delay: 0.1s;
}
#about .animate .c-cols_r figure img {
  scale: 1;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.1s;
}
#about .animate .txt span.w_t img {
  transform: translate3d(0, 0%, 0);
}
#about .animate .txt span.w_t:nth-child(1) img {
  transition-delay: 0.2s;
}
#about .animate .txt span.w_t:nth-child(2) img {
  transition-delay: 0.3s;
}
#about .animate .txt span.w_t:nth-child(3) img {
  transition-delay: 0.4s;
}
#about .animate .txt span.w_t:nth-child(4) img {
  transition-delay: 0.5s;
}
#about .animate .txt span.w_t:nth-child(5) img {
  transition-delay: 0.6s;
}
#about .animate .txt span.w_t:nth-child(6) img {
  transition-delay: 0.7s;
}
#about .animate .txt span.w_t:nth-child(7) img {
  transition-delay: 0.8s;
}
#about .animate .txt span.w_t:nth-child(8) img {
  transition-delay: 0.9s;
}
#about .animate .txt span.fin img {
  transition-delay: 1s;
}

#movie .c-ttl h3 span.w_t {
  display: block;
  overflow: hidden;
}
#movie .c-ttl h3 span.w_t img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#movie .c-ttl.animate h3 span.w_t img {
  transform: translate3d(0, 0, 0);
}
#movie:has(.c-ttl.animate) #friend .c-ttl_movie span.w_t img {
  transform: translate3d(0, 0%, 0);
  transition-delay: 0.2s;
}
#movie #friend .c-ttl_movie span.w_t {
  display: block;
  overflow: hidden;
}
#movie #friend .c-ttl_movie span.w_t img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#movie #friend .c-movie_txt.u-pc span.w_t {
  display: block;
  overflow: hidden;
}
#movie #friend .c-movie_txt.u-pc span.w_t img {
  transform: translate3d(120%, 0, 0);
  transition: transform 0.4s ease;
}
#movie #clock .c-ttl_movie span.w_t {
  display: block;
  overflow: hidden;
}
#movie #clock .c-ttl_movie span.w_t img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#movie #clock .c-ttl_movie.animate span.w_t img {
  transform: translate3d(0, 0, 0);
}
#movie #clock .c-movie_txt.u-pc span.w_t {
  display: block;
  overflow: hidden;
}
#movie #clock .c-movie_txt.u-pc span.w_t img {
  transform: translate3d(-120%, 0, 0);
  transition: transform 0.4s ease;
}
#movie .c-movie_list .ttl_movie h5 span.w_t {
  display: block;
  overflow: hidden;
}
#movie .c-movie_list .ttl_movie h5 span.w_t img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#movie .c-movie_list .c-movie_txt.u-sp span.w_t {
  display: block;
  overflow: hidden;
}
#movie .c-movie_list .c-movie_txt.u-sp span.w_t img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#movie .c-movie_list .c-movie_player,
#movie .c-movie_list .c-btn_wrap {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#movie #friend .movie_content.animate .c-movie_txt.u-pc span img,
#movie #clock .movie_content.animate .c-movie_txt.u-pc span img {
  transform: translate3d(0, 0, 0);
}
#movie #friend .movie_content.animate .c-movie_txt.u-pc span.t0 img,
#movie #clock .movie_content.animate .c-movie_txt.u-pc span.t0 img {
  transition-delay: 0.1s;
}
#movie #friend .movie_content.animate .c-movie_txt.u-pc span.t1 img,
#movie #clock .movie_content.animate .c-movie_txt.u-pc span.t1 img {
  transition-delay: 0.2s;
}
#movie #friend .movie_content.animate .c-movie_txt.u-pc span.t2 img,
#movie #clock .movie_content.animate .c-movie_txt.u-pc span.t2 img {
  transition-delay: 0.3s;
}
#movie #friend .c-movie_txt.u-sp.animate span.w_t img,
#movie #clock .c-movie_txt.u-sp.animate span.w_t img {
  transform: translate3d(0, 0, 0);
}
#movie #friend .c-movie_txt.u-sp.animate span.w_t.t1 img,
#movie #clock .c-movie_txt.u-sp.animate span.w_t.t1 img {
  transition-delay: 0.1s;
}
#movie #friend .c-movie_txt.u-sp.animate span.w_t.t2 img,
#movie #clock .c-movie_txt.u-sp.animate span.w_t.t2 img {
  transition-delay: 0.2s;
}
#movie :has(.c-movie.animate) .c-ttl h3 span.w_t img {
  transform: translate3d(0, 0, 0);
}
#movie :has(.c-movie.animate) #friend .c-ttl_movie span.w_t img {
  transform: translate3d(0, 0%, 0);
  transition-delay: 0.2s;
}
#movie .movie_content .c-movie.animate .ttl_movie h5 span.w_t img {
  transform: translate3d(0, 0%, 0);
}
#movie .movie_content .c-movie.animate .c-movie_player {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.1s;
}
#movie .movie_content:has(.c-movie:nth-of-type(2)) .c-btn_wrap {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.2s;
}

.b-cast .c-ttl_h4,
.b-song .c-ttl_h4 {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
.b-cast .c-list_cast .c-cast,
.b-song .c-list_cast .c-cast {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
.b-cast.animate .c-ttl_h4,
.b-song.animate .c-ttl_h4 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.b-cast.animate .c-cast,
.b-song.animate .c-cast {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.b-cast.animate .col_r .c-cast:nth-of-type(1),
.b-song.animate .col_r .c-cast:nth-of-type(1) {
  transition-delay: 0.2s;
}
.b-cast.animate .col_r .c-cast:nth-of-type(2),
.b-song.animate .col_r .c-cast:nth-of-type(2) {
  transition-delay: 0.3s;
}
.b-cast.animate .col_r .c-cast:nth-of-type(3),
.b-song.animate .col_r .c-cast:nth-of-type(3) {
  transition-delay: 0.4s;
}
.b-cast.animate .col_r .c-cast:nth-of-type(4),
.b-song.animate .col_r .c-cast:nth-of-type(4) {
  transition-delay: 0.5s;
}

#graphic .c-ttl span {
  display: block;
  overflow: hidden;
}
#graphic .c-ttl span img {
  transform: translate3d(0, 105%, 0);
  transition: transform 0.6s ease;
}
#graphic .c-list_graphic ul li {
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
}
#graphic .animate .c-ttl span img {
  transform: translate3d(0, 0, 0);
}
#graphic .animate .c-list_graphic ul li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#graphic .animate .c-list_graphic ul li:nth-child(1) {
  transition-delay: 0.1s;
}
#graphic .animate .c-list_graphic ul li:nth-child(2) {
  transition-delay: 0.2s;
}
#graphic .animate .c-list_graphic ul li:nth-child(3) {
  transition-delay: 0.3s;
}
#graphic .animate .c-list_graphic ul li:nth-child(4) {
  transition-delay: 0.4s;
}
#graphic .animate .c-list_graphic ul li:nth-child(5) {
  transition-delay: 0.5s;
}
#graphic .animate .c-list_graphic ul li:nth-child(6) {
  transition-delay: 0.6s;
}
#graphic .animate .c-list_graphic ul li:nth-child(7) {
  transition-delay: 0.7s;
}
#graphic .animate .c-list_graphic ul li:nth-child(8) {
  transition-delay: 0.8s;
}
#graphic .animate .c-list_graphic ul li:nth-child(9) {
  transition-delay: 0.9s;
}
#graphic .animate .c-list_graphic ul li:nth-child(10) {
  transition-delay: 1s;
}

@media all and (min-width: 1024px) {
  .scrolled header#global_header {
    --header-logo-width: 19.53vw;
    --header-logo-height: 2.87vw;
  }
}