@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.header .header_logo {
  display: none;
}

.mv .index_content {
  position: relative;
}
.mv .inner {
  position: relative;
  height: 108rem;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  .mv .inner {
    height: calc(1105 / 640 * 100vw);
  }
}
.mv .inner .mv_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  width: 112.5rem;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .mv .inner .mv_ttl {
    transform: translate(-50%, -105%);
    width: calc(634 / 640 * 100vw);
  }
}
.mv .inner .mv_ttl span {
  display: block;
}
.mv .inner .mv_ttl .logo_main {
  position: relative;
  z-index: 1;
}
.mv .inner .mv_ttl .logo_main img {
  opacity: 0;
}
.mv .inner .mv_ttl .logo_sub {
  margin-top: -9rem;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .mv .inner .mv_ttl .logo_sub {
    margin-top: calc(-60 / 640 * 100vw);
  }
}
.mv .inner .mv_ttl .logo_sub img {
  opacity: 0;
}
.mv .inner .mv_ttl .logo_bg {
  position: absolute;
  top: 14rem;
  left: 50%;
  transform: translate(-53%, 0);
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .mv .inner .mv_ttl .logo_bg {
    top: calc(80 / 640 * 100vw);
  }
}
.mv .inner .mv_ttl .logo_bg img {
  opacity: 0;
}
.mv .inner .mv_catch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 190%);
  width: 80rem;
}
.mv .inner .mv_catch img {
  opacity: 0;
}
.mv .inner .mv_catch img.isPlay {
  animation: catch 1s cubic-bezier(0.65, 0.08, 0.96, 0.46) forwards;
  animation-delay: 1s;
}
@media only screen and (max-width: 640px) {
  .mv .inner .mv_catch {
    transform: translate(-50%, 0);
    width: calc(440 / 640 * 100vw);
  }
}
.mv .inner.isPlay {
  opacity: 1;
}
.mv .inner.isPlay .logo_main img {
  animation: logomain 1.5s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
  animation-delay: 1s;
}
.mv .inner.isPlay .logo_sub img {
  animation: logosub 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
  animation-delay: 1.5s;
}
.mv .inner.isPlay .logo_bg img {
  animation: logobg 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}
.mv .inner.isPlay .mv_catch img {
  animation: catch 1s cubic-bezier(0.65, 0.08, 0.96, 0.46) forwards;
  animation-delay: 2s;
}
.mv_bg_wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  width: 192rem;
  height: 100%;
  transform: translate(-50%, 0);
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .mv_bg_wrapper {
    width: 100%;
  }
}
.mv_bg_light {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/index/mv_light.jpg) no-repeat center top;
  background-size: cover;
  z-index: 1;
  mix-blend-mode: screen;
  animation: mvlight 10s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
  animation-delay: 3s;
  opacity: 0;
}
@media only screen and (max-width: 640px) {
  .mv_bg_light {
    background: url(../images/index/mv_light_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}
.mv_bg01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 35.5208333333%;
  height: 100%;
  background: url(../images/index/mv01_pc.jpg) no-repeat center top;
  background-size: cover;
  z-index: 0;
  animation: mvbg01 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}
@media only screen and (max-width: 640px) {
  .mv_bg01 {
    top: 0;
    left: 0;
    width: 100%;
    height: 87.5vw;
    background: url(../images/index/mv01_sp.jpg) no-repeat center top;
    background-size: cover;
    animation: mvbg01_sp 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
  }
}
.mv_bg02 {
  position: absolute;
  top: 0;
  left: 35.5208333333%;
  width: 38.4375%;
  height: 100%;
  background: url(../images/index/mv02_pc.jpg) no-repeat center top;
  background-size: cover;
  z-index: 0;
  animation: mvbg02 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}
@media only screen and (max-width: 640px) {
  .mv_bg02 {
    top: 87.5vw;
    left: 0;
    width: 100%;
    height: 46.25vw;
    background: url(../images/index/mv02_sp.jpg) no-repeat center top;
    background-size: cover;
    animation: mvbg02_sp 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
  }
}
.mv_bg03 {
  position: absolute;
  top: 0;
  left: 73.9583333333%;
  width: 26.0416666667%;
  height: 100%;
  background: url(../images/index/mv03_pc.jpg) no-repeat center top;
  background-size: cover;
  z-index: 0;
  animation: mvbg01 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}
@media only screen and (max-width: 640px) {
  .mv_bg03 {
    top: 133.75vw;
    left: 0;
    width: 100%;
    height: 39.0625vw;
    background: url(../images/index/mv03_sp.jpg) no-repeat center top;
    background-size: cover;
    animation: mvbg01_sp 1s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
  }
}

@keyframes mvlight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mvbg01 {
  0% {
    top: 100vh;
  }
  100% {
    top: 0;
  }
}
@keyframes mvbg02 {
  0% {
    top: -100vh;
  }
  100% {
    top: 0;
  }
}
@keyframes mvbg01_sp {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes mvbg02_sp {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes logomain {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes logosub {
  0% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes logobg {
  0% {
    opacity: 0;
    transform: scale(2.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes catch {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.index_lttl {
  height: 15rem;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .index_lttl {
    width: 100%;
    height: auto;
  }
}
.index_wrap {
  background: #DE1C16;
}
.sprits .inner {
  height: 95rem;
  padding: 15rem 4rem;
}
@media only screen and (max-width: 640px) {
  .sprits .inner {
    padding: calc(40 / 640 * 100vw) calc(40 / 640 * 100vw) calc(530 / 640 * 100vw);
    height: auto;
  }
}
.sprits .btn {
  margin-left: 0;
}
.sprits .index_content {
  background: url("../images/index/sprits_bg.jpg") top center no-repeat;
}
@media only screen and (max-width: 640px) {
  .sprits .index_content {
    background: url("../images/index/sprits_bg_sp.jpg") bottom center no-repeat, #DE1C16;
    background-size: 100% auto;
  }
}
.sprits .index_lttl {
  height: 28.9rem;
  text-align: left;
}
@media only screen and (max-width: 640px) {
  .sprits .index_lttl {
    height: calc(217 / 640 * 100vw);
  }
}
.sprits .sprits_text {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) {
  .sprits .sprits_text {
    font-size: calc(28 / 640 * 100vw);
  }
}

.outline {
  overflow: hidden;
}
.outline .index_content {
  padding: 12.5rem 0 0;
  background: #F5F5F5;
}
@media only screen and (max-width: 640px) {
  .outline .index_content {
    padding: calc(70 / 640 * 100vw) 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .outline .inner {
    padding: 0;
  }
}
.outline .slick-slide {
  position: relative;
  padding: 3rem;
}
@media only screen and (max-width: 640px) {
  .outline .slick-slide {
    width: calc(500 / 640 * 100vw);
    padding: calc(20 / 640 * 100vw);
  }
}
.outline .slick-slide img {
  max-width: auto;
}
.outline .slick_center {
  z-index: 11;
}
.outline .slick-dots {
  bottom: 0;
}
@media only screen and (max-width: 640px) {
  .outline .slick-dots {
    bottom: calc(-30 / 640 * 100vw);
  }
}
.outline .slick-dots li {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 1rem;
}
@media only screen and (max-width: 640px) {
  .outline .slick-dots li {
    width: calc(15 / 640 * 100vw);
    height: calc(15 / 640 * 100vw);
    margin: 0 calc(10 / 640 * 100vw);
  }
}
.outline .slick-dots li button {
  padding: 0;
}
.outline .slick-dots li button:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background: #000;
  border-radius: 0.6rem;
  opacity: 1;
}
@media only screen and (max-width: 640px) {
  .outline .slick-dots li button:before {
    width: calc(15 / 640 * 100vw);
    height: calc(15 / 640 * 100vw);
  }
}
.outline .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #DE1C16;
}
.outline .slick-prev, .outline .slick-next {
  top: auto;
  bottom: 10%;
  z-index: 99;
  width: 3.8rem;
  height: 3.8rem;
}
@media only screen and (max-width: 640px) {
  .outline .slick-prev, .outline .slick-next {
    width: calc(50 / 640 * 100vw);
    height: calc(50 / 640 * 100vw);
  }
}
.outline .slick-prev:before, .outline .slick-next:before {
  content: "";
}
.outline .slick-prev {
  left: 0;
  background: url("../images/index/outline_arrow_prev.png") top left no-repeat;
  background-size: contain;
}
.outline .slick-next {
  right: 0;
  background: url("../images/index/outline_arrow_next.png") top left no-repeat;
  background-size: contain;
}
.outline .outline_slider img {
  box-shadow: 0 0 3rem 1.5rem rgba(0, 0, 0, 0.4);
  transform: scale(0.8);
  transition: transform 0.3s;
}
@media only screen and (max-width: 640px) {
  .outline .outline_slider img {
    box-shadow: 0 0 calc(20 / 640 * 100vw) calc(10 / 640 * 100vw) rgba(0, 0, 0, 0.4);
  }
}
.outline .outline_slider .slick-center {
  z-index: 11;
}
.outline .outline_slider .slick-center img {
  transform: scale(1);
}
.outline .outline_btn {
  width: 52rem;
}
@media only screen and (max-width: 640px) {
  .outline .outline_btn {
    width: 78.125vw;
  }
}
.outline .outline_btn a {
  height: 9rem;
  padding: 1em 3em 1em 1.5em;
}
@media only screen and (max-width: 640px) {
  .outline .outline_btn a {
    height: 14.0625vw;
    line-height: 1.2;
  }
}

.news .index_content {
  padding: 12.5rem 0 10rem;
  background: #F5F5F5;
}
@media only screen and (max-width: 640px) {
  .news .index_content {
    padding: calc(70 / 640 * 100vw) 0 calc(70 / 640 * 100vw);
  }
}
.news .news_wrap input[type=radio] {
  display: none;
}
.news .news_tab_area {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .news .news_tab_area {
    flex-wrap: wrap;
  }
}
.news .news_tab_area label {
  width: 25%;
  height: 8rem;
  display: inline-block;
  background: #E0E0E0;
  text-align: center;
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 8rem;
  cursor: pointer;
  transition: ease 0.2s opacity;
}
@media only screen and (max-width: 640px) {
  .news .news_tab_area label {
    width: 50%;
    height: calc(60 / 640 * 100vw);
    font-size: calc(22 / 640 * 100vw);
    line-height: calc(60 / 640 * 100vw);
  }
}
.news .news_tab_area label:hover {
  background: #000;
  color: #FFF;
}
.news .news_panel {
  display: none;
}
.news .news_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 640px) {
  .news .news_list {
    justify-content: space-between;
  }
}
.news .news_item {
  width: 30.9210526316%;
  margin: 3.6184210526% 0 0 3.6184210526%;
}
@media only screen and (max-width: 640px) {
  .news .news_item {
    width: 48%;
    margin: calc(25 / 640 * 100vw) 0 0;
  }
}
.news .news_item:nth-child(3n+1) {
  margin-left: 0;
}
.news .news_thumb img {
  border-radius: 1rem 1rem 0 0;
}
@media only screen and (max-width: 640px) {
  .news .news_thumb img {
    border-radius: calc(6 / 640 * 100vw) calc(6 / 640 * 100vw) 0 0;
  }
}
.news .news_textarea {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  padding: 3rem;
}
@media only screen and (max-width: 640px) {
  .news .news_textarea {
    padding: calc(25 / 640 * 100vw) calc(25 / 640 * 100vw);
  }
}
.news .news_category {
  padding: 0.5em 0.5em 0.3em 0.5em;
  background: #BEA564;
  border-radius: 1.5rem;
  display: inline-block;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .news .news_category {
    font-size: calc(14 / 640 * 100vw);
  }
}
.news .news_date {
  color: #9A9A9A;
  font-size: 1.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .news .news_date {
    font-size: calc(16 / 640 * 100vw);
  }
}
.news .news_text {
  width: 100%;
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
}
@media only screen and (max-width: 640px) {
  .news .news_text {
    font-size: calc(18 / 640 * 100vw);
  }
}
.news #all:checked ~ .news_tab_area .news_label_all {
  background: #000;
  color: #FFF;
}
.news #all:checked ~ .news_panel_area #news_panel_all {
  display: block;
}
.news #event:checked ~ .news_tab_area .news_label_event {
  background: #000;
  color: #FFF;
}
.news #event:checked ~ .news_panel_area #news_panel_event {
  display: block;
}
.news #media:checked ~ .news_tab_area .news_label_media {
  background: #000;
  color: #FFF;
}
.news #media:checked ~ .news_panel_area #news_panel_media {
  display: block;
}
.news #other:checked ~ .news_tab_area .news_label_other {
  background: #000;
  color: #FFF;
}
.news #other:checked ~ .news_panel_area #news_panel_other {
  display: block;
}

.watch {
  position: relative;
}
.watch .index_content {
  position: relative;
  z-index: 1;
  padding: 9rem 0 9rem;
}
@media only screen and (max-width: 640px) {
  .watch .index_content {
    padding: calc(340 / 640 * 100vw) 0 calc(70 / 640 * 100vw);
  }
}
@media only screen and (max-width: 640px) {
  .watch .inner {
    padding: 0 calc(10 / 640 * 100vw);
  }
}
.watch .cs {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: calc(24 / 640 * 100vw);
  text-align: center;
  font-weight: 700;
}
.watch .watch_list {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.watch .watch_list_item {
  width: 36rem;
  margin: 3rem 0 0 1rem;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_item {
    width: calc(305 / 640 * 100vw);
    margin: calc(10 / 640 * 100vw) 0 0;
  }
}
.watch .watch_list_item:nth-child(4n+1) {
  margin-left: 0;
}
.watch .watch_list_textarea {
  position: relative;
  padding: 2rem 2.5rem;
  background: #000;
  color: #FFF;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_textarea {
    padding: calc(15 / 640 * 100vw) calc(20 / 640 * 100vw);
  }
}
.watch .watch_list_textarea .ig {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_textarea .ig {
    width: calc(40 / 640 * 100vw);
    height: calc(40 / 640 * 100vw);
    top: calc(10 / 640 * 100vw);
    right: calc(15 / 640 * 100vw);
  }
}
.watch .watch_list_textarea .name {
  margin-bottom: 0.3em;
  font-size: 2.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_textarea .name {
    font-size: calc(26 / 640 * 100vw);
  }
}
.watch .watch_list_textarea .belong {
  margin-bottom: 1em;
  font-size: 1.6rem;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_textarea .belong {
    font-size: calc(20 / 640 * 100vw);
  }
}
.watch .watch_list_textarea .link {
  position: relative;
  padding-left: 1em;
  font-size: 1.6rem;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_textarea .link {
    font-size: calc(18 / 640 * 100vw);
  }
}
.watch .watch_list_textarea .link:before {
  position: absolute;
  top: 0.2em;
  left: 0;
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  background: url("../images/index/watch_list_arrow.png") top left no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .watch .watch_list_textarea .link:before {
    width: calc(11 / 640 * 100vw);
    height: calc(11 / 640 * 100vw);
  }
}
.watch .watch_list_textarea .link a {
  text-decoration: underline;
}
.watch .watch_list_textarea .link a:hover {
  text-decoration: none;
}
.watch .deco01 {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/index/bg_index01.png) no-repeat right top;
  background-size: 100% auto;
  width: 44.2708333333vw;
  height: 44.2708333333vw;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .watch .deco01 {
    background: url(../images/index/bg_index01_sp.png) no-repeat right top;
    background-size: 100% auto;
    width: 100vw;
    height: 62.03125vw;
  }
}
.watch .deco01.isRight01 {
  opacity: 0;
  right: 0;
}
.watch .deco01.isRight01.isPlay {
  animation: Rightin01 0.5s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}

@keyframes Rightin01 {
  0% {
    opacity: 0;
    clip-path: polygon(100% 0, 100% 0, 100% 0);
    @media only screen and (max-width: 640px) {
      clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    @media only screen and (max-width: 640px) {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
    }
  }
}
@media only screen and (max-width: 640px) {
  @keyframes Rightin01 {
    0% {
      opacity: 0;
      clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    100% {
      opacity: 1;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
    }
  }
}
.instagram {
  position: relative;
}
.instagram .index_content {
  padding-bottom: 9rem;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .instagram .index_content {
    padding: calc(600 / 640 * 100vw) 0 calc(70 / 640 * 100vw);
  }
}
.instagram .instagram_frame {
  position: relative;
  z-index: 1;
}
.instagram .instagram_feed {
  aspect-ratio: 5/2;
}
@media only screen and (max-width: 640px) {
  .instagram .instagram_feed {
    aspect-ratio: 1/1;
  }
}
.instagram .deco02 {
  position: absolute;
  top: -23.4375vw;
  left: 0;
  background: url(../images/index/bg_index02.png) no-repeat right top;
  background-size: 100% auto;
  width: 34.1145833333vw;
  height: 69.2708333333vw;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .instagram .deco02 {
    top: -15.625vw;
    background: url(../images/index/bg_index02_sp.png) no-repeat right top;
    background-size: 100% auto;
    width: 100vw;
    height: 113.125vw;
  }
}
.instagram .deco02.isLeft02 {
  opacity: 0;
  left: 0;
}
.instagram .deco02.isLeft02.isPlay {
  animation: Leftin02 0.5s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}

@keyframes Leftin02 {
  0% {
    opacity: 0;
    clip-path: polygon(0 50%, 0 50%, 0 50%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
@media only screen and (max-width: 640px) {
  @keyframes Leftin02 {
    0% {
      opacity: 0;
      clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
    }
    100% {
      opacity: 1;
      clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 100%);
    }
  }
}
.youtube {
  position: relative;
}
.youtube .index_content {
  padding-bottom: 9rem;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .youtube .index_content {
    padding-bottom: calc(530 / 640 * 100vw);
  }
}
.youtube .youtube_list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list {
    display: block;
    width: 100%;
  }
}
.youtube .youtube_list_item {
  width: 48%;
  color: #FFF;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item {
    width: 100%;
    font-size: calc(30 / 640 * 100vw);
  }
}
.youtube .youtube_list_item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 21.1rem;
  border: #DE1C16 10px solid;
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item a {
    height: calc(175 / 640 * 100vw);
    border: #DE1C16 calc(8 / 640 * 100vw) solid;
  }
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item._youtube {
    margin-bottom: calc(10 / 640 * 100vw);
  }
}
.youtube .youtube_list_item._youtube a {
  padding-left: 20rem;
  background: url("../images/index/youtube_youtube_bg.png") top left no-repeat, #000;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item._youtube a {
    padding-left: calc(160 / 640 * 100vw);
  }
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item._youtube .logo {
    width: calc(145 / 640 * 100vw);
  }
}
.youtube .youtube_list_item._x a {
  flex-direction: row;
  padding-right: 18.4rem;
  background: url("../images/index/youtube_x_bg.png") top right no-repeat, #000;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item._x a {
    padding-right: calc(200 / 640 * 100vw);
  }
}
.youtube .youtube_list_item._x .logo {
  margin-right: 2.5rem;
}
@media only screen and (max-width: 640px) {
  .youtube .youtube_list_item._x .logo {
    width: calc(40 / 640 * 100vw);
    margin-right: calc(30 / 640 * 100vw);
  }
}
.youtube .deco03 {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/index/bg_index03.png) no-repeat right top;
  background-size: 100% auto;
  width: 42.2916666667vw;
  height: 42.2916666667vw;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  .youtube .deco03 {
    background: url(../images/index/bg_index03_sp.png) no-repeat right top;
    background-size: 100% auto;
    width: 100vw;
    height: 81.5625vw;
  }
}
.youtube .deco03.isRight03 {
  opacity: 0;
  right: 0;
}
.youtube .deco03.isRight03.isPlay {
  animation: Rightin03 0.5s cubic-bezier(0.07, 0.64, 0.3, 0.94) forwards;
}

@keyframes Rightin03 {
  0% {
    opacity: 0;
    clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }
}
@media only screen and (max-width: 640px) {
  @keyframes Rightin03 {
    0% {
      opacity: 0;
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }
    100% {
      opacity: 1;
      clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 100%);
    }
  }
}
.partnership .index_content {
  padding: 12.5rem 0 10rem;
  background: #F5F5F5;
}
@media only screen and (max-width: 640px) {
  .partnership .index_content {
    padding: calc(70 / 640 * 100vw) 0 calc(70 / 640 * 100vw);
  }
}
.partnership .btn {
  width: 43rem;
}
@media only screen and (max-width: 640px) {
  .partnership .btn {
    width: calc(430 / 640 * 100vw);
  }
}
.partnership .partnership_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (max-width: 640px) {
  .partnership .partnership_list {
    width: calc(1400 / 640 * 100vw);
  }
}
@media only screen and (max-width: 640px) {
  .partnership .partnership_list_wrap {
    width: 100%;
    overflow-x: scroll;
  }
}
.partnership .partnership_list > li {
  margin: 4rem 1.9rem 0;
  height: 9.9rem;
}
@media only screen and (max-width: 640px) {
  .partnership .partnership_list > li {
    margin: calc(40 / 640 * 100vw) calc(20 / 640 * 100vw) 0;
    height: calc(124 / 640 * 100vw);
  }
}
.partnership .partnership_list > li:nth-child(-n+8) {
  height: 13.5rem;
  margin: 0 2.3rem;
}
@media only screen and (max-width: 640px) {
  .partnership .partnership_list > li:nth-child(-n+8) {
    height: calc(120 / 640 * 100vw);
    margin: 0 calc(20 / 640 * 100vw);
  }
}
.partnership .partnership_list .others {
  display: flex;
  align-items: center;
  justify-content: center;
}
.partnership .partnership_list .others li {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 1.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .partnership .partnership_list .others li {
    font-size: calc(18 / 640 * 100vw);
  }
}
.partnership .partnership_list .others li:before {
  content: "■";
}/*# sourceMappingURL=index.css.map */