/*---------------------------------------------------------------------------*/
@-webkit-keyframes header_animate { 0% { opacity: 0;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-moz-keyframes header_animate { 0% { opacity: 0;
    -moz-transform: scale(1.07);
         transform: scale(1.07); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1); } }
@keyframes header_animate { 0% { opacity: 0;
    -webkit-transform: scale(1.07);
       -moz-transform: scale(1.07);
            transform: scale(1.07); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

.main-visual { width: 100%; position: relative; margin-bottom: 12rem; /*&:after { position: absolute; content: ''; width: 100%; height: 60rem; left: 0; //top: 21rem; top: 0; background: url(../img/top/mv_bg.jpg) center center no-repeat; background-size: cover; z-index: -1; @include sp { height: vw(636); } }*/ }

@media screen and (max-width: 768px) { .main-visual { padding-top: 2.66667vw; margin-bottom: 16vw; } }

.mv-ttl { position: absolute; top: 6.7rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }

@media screen and (max-width: 768px) { .mv-ttl { top: 24.4vw; }
  .mv-ttl img { max-width: 80vw; } }

@media screen and (max-width: 768px) { .mv-copy { position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.mv-copy_left { position: absolute; top: 27rem; left: -webkit-calc((100% - 1258px) / 2 - 138px); left: -moz-calc((100% - 1258px) / 2 - 138px); left: calc((100% - 1258px) / 2 - 138px); z-index: 1; }

@media screen and (max-width: 1550px) { .mv-copy_left { left: 0; } }

@media screen and (max-width: 768px) { .mv-copy_left { position: static; } }

.mv-copy_left img { width: 18.6rem; }

@media screen and (max-width: 768px) { .mv-copy_left img { width: 20.53333vw; } }

.mv-copy_right { position: absolute; top: -1.2rem; right: -webkit-calc((100% - 1258px) / 2 - 158px); right: -moz-calc((100% - 1258px) / 2 - 158px); right: calc((100% - 1258px) / 2 - 158px); z-index: 1; }

@media screen and (max-width: 1600px) { .mv-copy_right { right: 0; } }

@media screen and (max-width: 768px) { .mv-copy_right { position: static; } }

.mv-copy_right img { width: 24.4rem; }

@media screen and (max-width: 768px) { .mv-copy_right img { width: 18.4vw; } }

.mv-img { width: 100%; max-width: 115.1rem; margin: 0 auto; text-align: center; padding-top: 16.8rem; position: relative; z-index: 2; }

@media screen and (max-width: 768px) { .mv-img { padding: 0 2.66667vw; margin: 46.66667vw 0 0; } }

.mv-sns { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 2rem; z-index: 2; }

@media screen and (max-width: 768px) { .mv-sns { position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

@media screen and (max-width: 768px) { .mv-sns ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.mv-sns ul li { width: 3rem; height: 3rem; }

@media screen and (max-width: 768px) { .mv-sns ul li { width: 8vw; height: 8vw; } }

.mv-sns ul li + li { margin-top: 2.5rem; }

@media screen and (max-width: 768px) { .mv-sns ul li + li { margin: 0 0 0 2.66667vw; } }

.mv-sns ul li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.mv-sns ul li.ins a { pointer-events: none; opacity: 0.1; }

.mv-slider_item { position: relative; }

.mv-slider_item:after { position: absolute; content: ''; width: 100%; height: 60rem; left: 0; top: 0; z-index: -1; }

@media screen and (max-width: 768px) { .mv-slider_item:after { height: 84.8vw; } }

.mv-slider_item.item01:after { background: url(../img/top/mv_bg.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 768px) { .mv-slider_item.item01 { padding-top: 2.66667vw; } }

@media screen and (max-width: 768px) { .mv-slider_item.item01 .mv-img { padding: 0; width: -webkit-calc(100% + 8vw); width: -moz-calc(100% + 8vw); width: calc(100% + 8vw); margin: -18.66667vw -4vw 0; } }

.mv-slider_item.item02:after { background: url(../img/top/mv_bg.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

.mv-slider_item.item03 { /*figure { width: 100%; height: 100%; img { width: 100%; height: 100%; object-fit: cover; } }*/ }

.mv-slider_item.item03:after { height: 100%; background: url(../img/top/mv_img03.jpg) center right no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 768px) { .mv-slider_item.item03:after { background: url(../img/top/mv_img03_sp.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover; } }

.mv-slider_item.item03 .mv-img { opacity: 0; overflow: hidden; }

.mv-slider .slick-list { overflow: visible; }

.mv-slider .slick-dots { bottom: -6rem; }

@media screen and (max-width: 768px) { .mv-slider .slick-dots { bottom: -6.66667vw; } }

.mv-slider .slick-dots li { width: auto; height: auto; }

.mv-slider .slick-dots li button { width: 12rem; height: 0.2rem; }

@media screen and (max-width: 768px) { .mv-slider .slick-dots li button { width: 16vw; height: 0.26667vw; } }

.mv-slider .slick-dots li button:before { -moz-border-radius: 0; border-radius: 0; content: ''; width: 12rem; height: 0.2rem; background: #b4b9c3; opacity: 1; }

@media screen and (max-width: 768px) { .mv-slider .slick-dots li button:before { width: 16vw; height: 0.26667vw; } }

.mv-slider .slick-dots li.slick-active button:before { background: #000; }

/** list-sns **/
@media screen and (min-width: 769px) { .list-sns { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 4rem 0 0 1.5rem; } }

@media screen and (max-width: 768px) { .list-sns { margin-top: 4vw; } }

@media screen and (min-width: 769px) { .list-sns li { width: -webkit-calc(100%/3 - 1.5rem); width: -moz-calc(100%/3 - 1.5rem); width: calc(100%/3 - 1.5rem); margin: 0 0 0 1.5rem; } }

@media screen and (max-width: 768px) { .list-sns li + li { margin-top: 2.66667vw; } }

.list-sns li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 8rem; position: relative; background: #fff103; color: #000; font-size: 2.8rem; font-weight: 900; }

.list-sns li a span { display: inline-block; font-size: 1rem; font-weight: 400; position: absolute; left: 1rem; top: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

@media screen and (max-width: 768px) { .list-sns li a { height: 12vw; font-size: 4.53333vw; }
  .list-sns li a span { font-size: 2.4vw; } }

.list-sns li.yt a { background: #ff0000; color: #fff; }

.list-sns li.tw a { background: #1d90fa; color: #fff; }

.movie-art_link { margin-top: 0.5rem; }

@media screen and (max-width: 768px) { .movie-art_link { margin-top: 2.13333vw; } }

.movie-art_link a { display: inline-block; font-size: 1.2rem; text-decoration: underline; color: #000000; }

@media screen and (max-width: 768px) { .movie-art_link a { font-size: 2.13333vw; } }

.movie-art_link a:hover { text-decoration: none; }

.movie-art_txt { font-size: 1.2rem; font-weight: bold; font-family: "Noto Sans JP", sans-serif; }

.slider-nav .slick-arrow { text-indent: -9999px; border: none; outline: none; width: 3.4rem; height: 2.2rem; cursor: pointer; padding: 0; }

@media screen and (max-width: 768px) { .slider-nav .slick-arrow { width: 4.53333vw; height: 2.93333vw; } }

.slider-nav .slick-arrow.prev { background: url(../img/icon_prev.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

.slider-nav .slick-arrow.next { margin-left: 2.8rem; background: url(../img/icon_next.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 768px) { .slider-nav .slick-arrow.next { margin-left: 3.73333vw; } }

/** section-hot **/
.section-hot { text-align: center; }

.section-hot h2 { font-size: 1.6rem; font-weight: 900; color: #ff0000; }

@media screen and (max-width: 768px) { .section-hot h2 { font-size: 2.66667vw; } }

.section-hot ul { position: relative; padding: 0 0 2.5rem 0; }

.section-hot ul:after { position: absolute; content: ''; width: 3rem; height: 1px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; background: #4f4c4d; }

.section-hot ul li a { display: inline-block; font-size: 1.8rem; font-weight: 900; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 768px) { .section-hot ul li a { font-size: 2.93333vw; } }

.section-hot ul li a:hover { text-decoration: underline; }

/** section-video **/
.section-video { padding: 8rem 0 6rem; overflow: hidden; clear: both; }

@media screen and (max-width: 768px) { .section-video { padding: 10.66667vw 0 6.66667vw; position: relative; } }

.section-video .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -4.5rem; }

@media screen and (max-width: 768px) { .section-video .container { margin-bottom: 0; } }

.section-video .section-title { margin-bottom: 1rem; }

@media screen and (max-width: 768px) { .section-video .section-title { margin-left: 0; } }

@media screen and (min-width: 769px) { .section-video .slider-nav { margin-top: -5rem; margin-bottom: 9rem; } }

@media screen and (max-width: 768px) { .section-video .slider-nav .slick-arrow.prev, .section-video .slider-nav .slick-arrow.next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; width: 7.33333vw; height: 16vw; background: #000; margin: 0; padding: 0; }
  .section-video .slider-nav .slick-arrow.prev:after, .section-video .slider-nav .slick-arrow.next:after { position: absolute; content: ''; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4.53333vw; height: 2.93333vw; }
  .section-video .slider-nav .slick-arrow.prev { left: 0; }
  .section-video .slider-nav .slick-arrow.prev:after { background: url(../img/icon_prev_white.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; }
  .section-video .slider-nav .slick-arrow.next { right: 0; }
  .section-video .slider-nav .slick-arrow.next:after { background: url(../img/icon_next_white.svg) center center no-repeat; -moz-background-size: cover; background-size: cover; } }

@media screen and (min-width: 769px) { .section-video .inner { width: -webkit-calc((100% - 830px) / 2 + 830px); width: -moz-calc((100% - 830px) / 2 + 830px); width: calc((100% - 830px) / 2 + 830px); float: right; } }

@media screen and (max-width: 768px) { .section-video .movie-art_link a { font-size: 2.13333vw; }
  .section-video .movie-art_txt { font-size: 2.13333vw; } }

@media screen and (min-width: 769px) { .video-slider_item { width: 86rem !important; padding: 0 1rem; } }

@media screen and (max-width: 768px) { .video-slider_item { width: 89.33333vw !important; padding: 0 0.66667vw; } }

.c-player { width: 100%; height: 0; position: relative; padding-top: 56.25%; }

.c-player .c-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.c-player .c-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.c-player .c-poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; -webkit-transition: opacity .3s ease-out, visibility .3s ease-out; -moz-transition: opacity .3s ease-out, visibility .3s ease-out; transition: opacity .3s ease-out, visibility .3s ease-out; }

.c-player .c-poster img { height: 100%; object-fit: cover; width: 100%; }

.c-player .c-poster.active { opacity: 0; visibility: hidden; }

.c-player .c-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out; cursor: pointer; width: 6.4rem; height: 4.5rem; background: url(../img/icon_play.svg) no-repeat; -moz-background-size: 100%; background-size: 100%; }

.c-player .c-play.active { opacity: 0; visibility: hidden; }

/** section-news **/
.section-news { padding: 6rem 0 8rem; }

@media screen and (max-width: 768px) { .section-news { padding: 10.66667vw 0 10.66667vw; } }

.section-news .section-title { text-align: center; margin-bottom: 4rem; }

@media screen and (max-width: 768px) { .section-news .section-title { margin-bottom: 2.66667vw; } }

.section-news .container { position: relative; }

@media screen and (max-width: 768px) { .section-news .news-more { text-align: center; margin-bottom: 4vw; } }

.section-news .news-more a { display: inline-block; font-size: 2.4rem; font-weight: 900; position: absolute; top: 4rem; right: 1.5rem; line-height: 1.4; }

.section-news .news-more a:after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; bottom: 0; background: #000; }

@media screen and (max-width: 768px) { .section-news .news-more a { font-size: 4vw; position: relative; margin: 0 auto; top: 0; right: 0; } }

@media screen and (min-width: 769px) { .news-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -6rem; } }

.news-item { width: -webkit-calc(100%/3 - 6rem); width: -moz-calc(100%/3 - 6rem); width: calc(100%/3 - 6rem); margin: 0 0 0 6rem; padding: 1.5rem 0; border-top: 1px solid #717171; }

@media screen and (max-width: 768px) { .news-item { width: 100%; margin: 0; padding: 4vw 8vw 5.33333vw 2vw; position: relative; }
  .news-item:last-child { border-bottom: 1px solid #717171; } }

.news-item_time { font-size: 1.8rem; font-weight: 600; line-height: 1; }

@media screen and (max-width: 768px) { .news-item_time { font-size: 2.66667vw; } }

.news-item_tags { font-size: 1.8rem; font-weight: 300; line-height: 1; }

@media screen and (max-width: 768px) { .news-item_tags { font-size: 2.66667vw; } }

.news-item_ttl { font-size: 2.8rem; font-weight: 600; line-height: 1.09; margin: 1rem 0 3rem 0; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 768px) { .news-item_ttl { font-size: 4.26667vw; margin: 1.33333vw 0 0; } }

.news-item_btn { text-align: right; }

@media screen and (max-width: 768px) { .news-item_btn { position: absolute; right: 1.33333vw; bottom: 5.6vw; } }

.news-item_btn__more { display: inline-block; text-indent: 9999px; position: relative; width: 3.2rem; height: 4.2rem; }

@media screen and (max-width: 768px) { .news-item_btn__more { width: 4.26667vw; height: 5.6vw; } }

.news-item_btn__more:after { position: absolute; content: ''; width: 100%; height: 100%; right: 0; top: 0; background: url(../img/icon_news.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.news-item a { display: block; }

.news-item a:hover .news-item_ttl { text-decoration: underline; }

/** section-about **/
.section-about { padding: 6rem 0 16rem; position: relative; margin-top: 6rem; }

@media screen and (max-width: 768px) { .section-about { padding: 6rem 0 10.66667vw; margin-top: 16vw; } }

.section-about:after { position: absolute; content: ''; width: -webkit-calc((100% - 1217px) / 2 + 1217px); width: -moz-calc((100% - 1217px) / 2 + 1217px); width: calc((100% - 1217px) / 2 + 1217px); height: 100%; left: 0; top: 1rem; background: #b4b9c3; z-index: -1; }

@media screen and (max-width: 768px) { .section-about:after { width: 94.93333vw; top: 0; } }

@media screen and (min-width: 769px) { .section-about .about-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.section-about .about-userfor { width: -webkit-calc(718/1920 * 100%); width: -moz-calc(718/1920 * 100%); width: calc(718/1920 * 100%); height: 26rem; background: url(../img/top/about_ttl_bg.svg) right center no-repeat; -moz-background-size: auto 100%; background-size: auto 100%; margin-top: -3rem; }

@media screen and (max-width: 768px) { .section-about .about-userfor { width: auto; height: 34.66667vw; background-position: left top; margin-left: 5.06667vw; margin-top: -21.33333vw; } }

.section-about .about-userfor img { display: none; max-width: inherit; width: auto; height: 42rem; }

@media screen and (max-width: 768px) { .section-about .about-userfor img { height: 56vw; } }

.section-about .about-txt { width: -webkit-calc(812/1920 * 100%); width: -moz-calc(812/1920 * 100%); width: calc(812/1920 * 100%); width: 100%; position: absolute; }

@media screen and (min-width: 769px) { .section-about .about-txt { max-width: 81.2rem; left: 50%; bottom: 7rem; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

@media screen and (max-width: 768px) { .section-about .about-txt { width: 77.33333vw; position: static; left: 11.73333vw; top: 13.06667vw; margin: -17.33333vw 0 0 11.73333vw; } }

.section-about .container { margin-bottom: -7rem; }

@media screen and (max-width: 768px) { .section-about .container { margin-bottom: -9.33333vw; } }

.section-about .about-ttl { display: none; font-size: 2.4rem; font-weight: 900; line-height: 1; position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .section-about .about-ttl { font-size: 3.2vw; } }

.section-about .about-copy img { width: 81.2rem; }

/** section-character **/
.section-character { padding: 4em 0 6rem; overflow: hidden; clear: both; position: relative; }

@media screen and (max-width: 768px) { .section-character { padding: 10.66667vw 0 10.66667vw; } }

.section-character .section-title { margin-bottom: 1rem; }

@media screen and (max-width: 768px) { .section-character .section-title { margin-bottom: 2.66667vw; } }

@media screen and (min-width: 769px) { .section-character .inner { width: -webkit-calc((100% - 350px) / 2 + 350px); width: -moz-calc((100% - 350px) / 2 + 350px); width: calc((100% - 350px) / 2 + 350px); float: right; margin: 4rem 0 0; } }

@media screen and (max-width: 768px) { .section-character .inner { padding-left: 18.66667vw; margin: 6.66667vw 0 0; } }

@media screen and (min-width: 769px) { .article-art { clear: both; overflow: hidden; }
  .article-list { margin: 0 0 0 -2rem; }
  .article-item { width: -webkit-calc(25% - 2rem); width: -moz-calc(25% - 2rem); width: calc(25% - 2rem); margin: 0 0 2rem 2rem; text-align: center; float: left; padding-top: 2.5rem; position: relative; }
  .article-item_thumb { overflow: hidden; }
  .article-item a { display: block; }
  .article-item a.none { pointer-events: none; opacity: 0.6; }
  .article-item a img { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
  .article-item a:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  .article-tags { display: inline-block; text-decoration: underline; font-weight: 900; position: absolute; top: 0; left: 0; pointer-events: none; } }

@media screen and (max-width: 768px) { .article-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -0.93333vw; }
  .article-item { width: -webkit-calc(100%/3 - 0.93333vw); width: -moz-calc(100%/3 - 0.93333vw); width: calc(100%/3 - 0.93333vw); margin: 0 0 2vw 0.93333vw; text-align: center; }
  .article-item a.none { pointer-events: none; opacity: 0.6; }
  .article-item p { font-size: 2.13333vw; text-align: right; }
  .article-tags { display: inline-block; text-decoration: underline; font-weight: 900; pointer-events: none; font-size: 3.2vw; } }

.txt_right { text-align: right; display: inline-block; }

.tab-content { display: none; }

.tab-content.current { display: inherit; }

/** section-story **/
.section-story { padding: 8rem 0; overflow: hidden; clear: both; }

@media screen and (max-width: 768px) { .section-story { padding: 10.66667vw 0 10.66667vw; } }

.section-story .section-title { margin-bottom: 1rem; }

@media screen and (min-width: 769px) { .section-story .inner { width: -webkit-calc((100% - 680px) / 2 + 680px); width: -moz-calc((100% - 680px) / 2 + 680px); width: calc((100% - 680px) / 2 + 680px); float: right; } }

@media screen and (max-width: 768px) { .section-story .inner { padding-left: 3.73333vw; } }

@media screen and (min-width: 769px) { .story-slider_item { width: 38rem !important; padding: 0 1rem; } }

@media screen and (max-width: 768px) { .story-slider_item { width: 86.4vw !important; padding: 0 1.33333vw; } }

.story-slider_item__thumb { background: none !important; }

.story-slider_item a { display: block; }

.story-slider_item a.none { pointer-events: none; }

.story-slider .slick-dots { text-align: left; padding-left: 8rem; bottom: -35px; }

@media screen and (min-width: 769px) { .story-slider .slick-dots { left: 23rem; } }

@media screen and (max-width: 768px) { .story-slider .slick-dots { bottom: -5.33333vw; padding-left: 26.66667vw; } }

.story-slider .slick-dots:before { position: absolute; content: 'Episode'; font-size: 1.8rem; font-weight: 400; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { .story-slider .slick-dots:before { font-size: 3.2vw; left: 13.33333vw; } }

.story-slider .slick-dots li { width: auto; height: auto; font-size: 1.8rem; font-weight: 400; margin: 0; padding: 0 1.5rem; line-height: 1; }

@media screen and (max-width: 768px) { .story-slider .slick-dots li { font-size: 3.2vw; padding: 0 4vw; } }

.story-slider .slick-dots li + li { position: relative; }

.story-slider .slick-dots li + li:before { position: absolute; content: '/'; font-size: 1.8rem; font-weight: 400; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { .story-slider .slick-dots li + li:before { font-size: 3.2vw; } }

.story-slider .slick-dots li span { display: inline-block; text-decoration: underline; }

.story-slider .slick-dots li.slick-active { font-weight: 900; }

/** section-music **/
.section-music { padding: 8rem 0 16rem; /*.inner { @include pc { display: flex; flex-flow: row wrap; } }*/ }

@media screen and (max-width: 768px) { .section-music { padding: 10.66667vw 0 21.33333vw; } }

.section-music .section-title { text-align: center; margin: 0 0 4rem 0; }

@media screen and (max-width: 768px) { .section-music .section-title { margin: 0 0 4vw 0; } }

@media screen and (max-width: 768px) { .music-list { width: 100%; } }

.music-slider { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (min-width: 769px) { .music-slider_item__row { width: -webkit-calc(880/880 * 100%); width: -moz-calc(880/880 * 100%); width: calc(880/880 * 100%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row-wrap; flex-flow: row-wrap; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (min-width: 769px) { .music-slider_item__img { width: -webkit-calc(391/880 * 100%); width: -moz-calc(391/880 * 100%); width: calc(391/880 * 100%); } }

@media screen and (max-width: 768px) { .music-slider_item__img { width: 100%; max-width: 60vw; margin: 6.66667vw auto 0; } }

.music-slider img { width: 100%; height: auto; }

@media screen and (max-width: 768px) { .music-slider { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } }

.music-slider .slick-list { width: 88rem; }

@media screen and (max-width: 768px) { .music-slider .slick-list { width: 100%; } }

.music-slider .slick-dots { width: 24rem; position: static; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -1rem; padding: 0; }

@media screen and (max-width: 768px) { .music-slider .slick-dots { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-calc(100% + 1.33333vw); width: -moz-calc(100% + 1.33333vw); width: calc(100% + 1.33333vw); margin-left: -1.33333vw; } }

.music-slider .slick-dots li { width: 10rem; height: 10rem; margin: 0 0 1rem 1rem; }

@media screen and (max-width: 768px) { .music-slider .slick-dots li { width: 13.33333vw; height: 13.33333vw; margin: 0 0 1.33333vw 1.33333vw; } }

.music-ctn { width: -webkit-calc(420/880 * 100%); width: -moz-calc(420/880 * 100%); width: calc(420/880 * 100%); margin: 0 0 0 4rem; }

@media screen and (max-width: 768px) { .music-ctn { width: 100%; margin: 0; padding: 0; } }

@media screen and (max-width: 768px) { .music-ctn_head { padding: 4vw 3.46667vw; } }

.music-ctn_head .time { font-size: 1.2rem; line-height: 1; }

@media screen and (max-width: 768px) { .music-ctn_head .time { font-size: 2.66667vw; } }

.music-ctn_head .cat { font-size: 1.2rem; line-height: 1; }

@media screen and (max-width: 768px) { .music-ctn_head .cat { font-size: 2.66667vw; } }

.music-ctn_head .ttl { font-size: 3rem; font-weight: 900; line-height: 32px; line-height: 1; margin: 1rem 0 2rem 0; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 768px) { .music-ctn_head .ttl { margin: 1.33333vw 0 0; font-size: 5.33333vw; } }

.music-ctn_middle { padding: 1.5rem 1rem; font-size: 1.2rem; font-weight: bold; line-height: 1.5; border-top: 1px solid #717171; border-bottom: 1px solid #717171; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 768px) { .music-ctn_middle { font-size: 2.66667vw; padding: 4vw 3.46667vw; } }

.music-ctn_middle ul { margin: 1rem 0 0; }

@media screen and (max-width: 768px) { .music-ctn_middle ul { margin: 2.66667vw 0 0; } }

.music-ctn_bottom { margin: 2rem 0 3.5rem; padding: 0 0 0 1.5rem; }

.music-ctn_bottom__sns { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .music-ctn_bottom__sns { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.music-ctn_bottom__sns li + li { margin-left: 3rem; }

@media screen and (max-width: 768px) { .music-ctn_bottom__sns li + li { margin-left: 8vw; } }

.music-ctn_bottom__sns li a { display: inline-block; font-size: 1.2rem; font-weight: 600; position: relative; }

@media screen and (max-width: 768px) { .music-ctn_bottom__sns li a { font-size: 3.2vw; } }

.music-ctn_bottom__sns li a:before { position: absolute; content: ''; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.music-ctn_bottom__sns li.ytub a { padding-left: 4rem; }

.music-ctn_bottom__sns li.ytub a:before { width: 3rem; height: 2.1rem; background: url(../img/youtube.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.music-ctn_bottom__sns li.itun a { padding-left: 2.7rem; }

.music-ctn_bottom__sns li.itun a:before { width: 1.7rem; height: 2.2rem; background: url(../img/icon_music_black.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.music-ctn .music-btn_more { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 8rem; height: 8rem; -moz-border-radius: 50%; border-radius: 50%; background: #000; color: #fff; font-size: 2rem; font-weight: 900; line-height: 1; }

@media screen and (max-width: 768px) { .music-ctn .music-btn_more { width: 20vw; height: 20vw; font-size: 4.8vw; margin: 0 auto; } }

.btn-comming { opacity: 0.5; pointer-events: none; }

/** section-intro **/
.section-intro { position: relative; }

.section-intro:after { position: absolute; content: ''; width: -webkit-calc((100% - 1217px) / 2 + 1217px); width: -moz-calc((100% - 1217px) / 2 + 1217px); width: calc((100% - 1217px) / 2 + 1217px); height: 100%; right: 0; top: 1rem; background: #b4b9c3; z-index: -1; }

@media screen and (max-width: 768px) { .section-intro:after { width: 94.93333vw; top: 0; left: 0; right: auto; } }

.section-intro .section-title { position: absolute; right: -webkit-calc((100% - 420px) / 2 - 420px); right: -moz-calc((100% - 420px) / 2 - 420px); right: calc((100% - 420px) / 2 - 420px); top: -2.5rem; }

@media screen and (max-width: 768px) { .section-intro .section-title { font-size: 17.33333vw; right: 2.93333vw; top: -6.66667vw; } }

.section-intro .intro-inner { padding: 5rem 0 3rem 0; }

@media screen and (max-width: 768px) { .section-intro .intro-inner { padding: 12vw 8vw 8vw 0; } }

.section-intro .intro-ttl { margin: 0 0 2rem 0; }

@media screen and (max-width: 768px) { .section-intro .intro-ttl { margin: 0 0 4vw 0; } }

.section-intro .intro-ttl img { width: 35rem; }

@media screen and (max-width: 768px) { .section-intro .intro-ttl img { width: 80vw; } }

.section-intro .intro-copy img { width: 104rem; }

@media screen and (max-width: 768px) { .section-intro .intro-copy img { width: 81.06667vw; } }

/** box-crew **/
.sc-ttl { font-size: 2.4rem; font-weight: 900; line-height: 1; text-align: center; margin-bottom: 4rem; }

@media screen and (max-width: 768px) { .sc-ttl { font-size: 4vw; margin-bottom: 4vw; } }

.sc-ttl.ttl01 { margin-bottom: 0.5rem; }

.section-crew { padding: 8rem 0 11rem; }

@media screen and (max-width: 768px) { .section-crew { padding: 10.66667vw 0 16vw; } }

.section-crew .section-title { margin-bottom: 2rem; }

@media screen and (max-width: 768px) { .section-crew .section-title { text-align: center; margin-bottom: 6.66667vw; } }

.box-crew + .box-crew { margin-top: 4rem; }

@media screen and (max-width: 768px) { .box-crew + .box-crew { margin-top: 4vw; } }

.box-crew_article__ttl { font-size: 1.8rem; font-weight: 900; margin-bottom: 0.5rem; }

@media screen and (max-width: 768px) { .box-crew_article__ttl { font-size: 3.2vw; margin-bottom: 1.33333vw; } }

@media screen and (max-width: 768px) { .box-crew_article + .box-crew_article { margin-top: 5.33333vw; } }

@media screen and (min-width: 769px) { .box-crew_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -2rem; } }

.box-crew_item { width: -webkit-calc(100%/4 - 2rem); width: -moz-calc(100%/4 - 2rem); width: calc(100%/4 - 2rem); margin: 0 0 1rem 2rem; padding: 1rem 0 1rem 1.5rem; border-bottom: 1px solid #717171; }

@media screen and (min-width: 769px) { .box-crew_item:nth-child(1), .box-crew_item:nth-child(2), .box-crew_item:nth-child(3), .box-crew_item:nth-child(4) { border-top: 1px solid #717171; margin-bottom: 0; } }

@media screen and (max-width: 768px) { .box-crew_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0; padding: 2.66667vw 0 2.66667vw 1.33333vw; }
  .box-crew_item:nth-child(1) { border-top: 1px solid #717171; } }

@media screen and (max-width: 768px) { .box-crew_item__info { width: 41.33333vw; margin-right: 2.66667vw; } }

.box-crew_item__pos { font-size: 1.2rem; font-weight: 400; line-height: 1.5; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 768px) { .box-crew_item__pos { font-size: 2.4vw; } }

.box-crew_item__name { font-size: 2rem; font-weight: 900; line-height: 1.6; margin: 0 0 1.5rem 0; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 768px) { .box-crew_item__name { font-size: 3.73333vw; margin: 0; } }

.box-crew_item__meta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .box-crew_item__meta { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 45.33333vw; } }

.box-crew_item__meta__en { font-size: 1rem; font-weight: 500; line-height: 1.2; }

@media screen and (max-width: 768px) { .box-crew_item__meta__en { font-size: 2.13333vw; width: 21.33333vw; } }

@media screen and (max-width: 768px) { .box-crew_item__meta__sns { width: 21.33333vw; margin-left: 4vw; } }

.box-crew_item__meta__sns__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.box-crew_item__meta__sns__list li { width: 2rem; height: 2rem; }

@media screen and (max-width: 768px) { .box-crew_item__meta__sns__list li { width: 4vw; height: 4vw; } }

.box-crew_item__meta__sns__list li + li { margin-left: 0.8rem; }

@media screen and (max-width: 768px) { .box-crew_item__meta__sns__list li + li { margin-left: 4vw; } }

.box-crew_item__meta__sns__list li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

/** box-sns **/
.box-sns { margin: 5rem 0 0 0; }

@media screen and (min-width: 769px) { .box-sns_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media screen and (max-width: 768px) { .box-sns_list li + li { margin-top: 5.33333vw; } }

@media screen and (min-width: 769px) { .box-sns_item { width: -webkit-calc(100%/3); width: -moz-calc(100%/3); width: calc(100%/3); } }

.box-sns_item a { display: block; }

.box-sns_item__icon { text-align: center; height: 12rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

@media screen and (max-width: 768px) { .box-sns_item__icon { height: 16vw; } }

.box-sns_item__icon.yt { background: #ff0000; }

.box-sns_item__icon.yt img { width: 9.7rem; }

@media screen and (max-width: 768px) { .box-sns_item__icon.yt img { width: 13.06667vw; } }

.box-sns_item__icon.tw { background: #1d90fa; }

.box-sns_item__icon.tw img { width: 7.6rem; }

@media screen and (max-width: 768px) { .box-sns_item__icon.tw img { width: 10.13333vw; } }

.box-sns_item__icon.ins { background: #f40002; background: -webkit-gradient(left bottom, right top, color-stop(0%, #f40002), color-stop(50%, #bb00af), color-stop(100%, #1400c8)); background: -webkit-linear-gradient(45deg, #f40002 0%, #bb00af 50%, #1400c8 100%); background: -moz- oldlinear-gradient(45deg, #f40002 0%, #bb00af 50%, #1400c8 100%); background: linear-gradient(45deg, #f40002 0%, #bb00af 50%, #1400c8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40002', endColorstr='#1400c8', GradientType=1 ); }

.box-sns_item__icon.ins img { width: 6.8rem; }

@media screen and (max-width: 768px) { .box-sns_item__icon.ins img { width: 9.06667vw; } }

.box-sns_item__icon span { display: block; font-size: 4rem; font-weight: 600; color: #fff; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

@media screen and (max-width: 768px) { .box-sns_item__icon span { font-size: 5.33333vw; } }

.box-sns_item__ttl { font-size: 1.8rem; line-height: 20px; line-height: 1.2; margin: 1.5rem 0 1rem; }

@media screen and (max-width: 768px) { .box-sns_item__ttl { font-size: 3.2vw; margin: 2.66667vw 0 1.33333vw; } }

.box-sns_item__link { font-size: 1.2rem; text-decoration: underline; }

@media screen and (max-width: 768px) { .box-sns_item__link { font-size: 2.13333vw; } }

.box-sns_item.comming a { pointer-events: none; }

.box-sns_item.comming .box-sns_item__icon.ins img { opacity: 0.5; }

@media screen and (min-width: 769px) { .box__flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -2rem; }
  .box__flex .box-crew_article:first-child { width: -webkit-calc(25% - 2rem); width: -moz-calc(25% - 2rem); width: calc(25% - 2rem); margin-left: 2rem; }
  .box__flex .box-crew_article:first-child .box-crew_list .box-crew_item { width: 100%; }
  .box__flex .box-crew_article:last-child { width: -webkit-calc(75% - 2rem); width: -moz-calc(75% - 2rem); width: calc(75% - 2rem); margin-left: 2rem; }
  .box__flex .box-crew_article:last-child .box-crew_list .box-crew_item { width: -webkit-calc(100%/3 - 2rem); width: -moz-calc(100%/3 - 2rem); width: calc(100%/3 - 2rem); margin-left: 2rem; } }

@media screen and (max-width: 768px) { .box__flex { margin-top: 5.33333vw; } }