@charset "UTF-8";
/**
 *
 * index: トップページ
 *
*/
/*----------------------------
	ツール
-----------------------------*/
/*----------------------------
	Keyvisual
-----------------------------*/
#Keyvisual {
  width: 100%;
  height: 50.26042vw;
  position: relative;
  padding: 0;
  background: none;
  /*&::after{
    content: "";
    width: 2px;
    height: 100vh;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: rgba(255,255,255,.5);
  }*/
}

#Keyvisual #ObjGroup {
  position: absolute;
  width: 100%;
  height: 100%;
}

#Keyvisual #ObjGroup li {
  position: absolute;
}

#Keyvisual #ObjGroup li.rotate_r {
  -webkit-animation: mvobj-anime-r 6s infinite linear;
  animation: mvobj-anime-r 6s infinite linear;
}

#Keyvisual #ObjGroup li.rotate_l {
  -webkit-animation: mvobj-anime-l 6s infinite linear;
  animation: mvobj-anime-l 6s infinite linear;
}

#Keyvisual #ObjGroup li:nth-child(1) {
  width: 7.5vw;
  height: 7.5vw;
  background: #b0e6de;
  top: 8.95833vw;
  left: 17.8125vw;
}

#Keyvisual #ObjGroup li:nth-child(2) {
  width: 5.52083vw;
  height: 5.52083vw;
  background: #fde8b0;
  top: 11.19792vw;
  left: 71.51042vw;
}

#Keyvisual #ObjGroup li:nth-child(3) {
  width: 7.5vw;
  height: 7.5vw;
  background: #d2e9c5;
  top: 23.75vw;
  left: 5.15625vw;
}

#Keyvisual #ObjGroup li:nth-child(4) {
  width: 7.5vw;
  height: 7.5vw;
  background: #dadada;
  top: 24.16667vw;
  left: 46.875vw;
}

#Keyvisual #ObjGroup li:nth-child(5) {
  width: 7.5vw;
  height: 7.5vw;
  background: #f8cde1;
  top: 28.64583vw;
  left: 72.91667vw;
}

#Keyvisual #ObjGroup li:nth-child(6) {
  width: 7.5vw;
  height: 7.5vw;
  background: #f0f4b0;
  top: 41.5625vw;
  left: 8.75vw;
}

#Keyvisual #ObjGroup li:nth-child(7) {
  width: 9.11458vw;
  height: 9.11458vw;
  background: #f3babd;
  top: 40.10417vw;
  left: 29.0625vw;
}

#Keyvisual #ObjGroup li:nth-child(8) {
  width: 7.5vw;
  height: 7.5vw;
  background: #b0e3f6;
  top: 39.0625vw;
  left: 61.77083vw;
}

#Keyvisual #ObjGroup li:nth-child(9) {
  width: 10.625vw;
  height: 9.58333vw;
  background: #e9cbe0;
  top: 38.02083vw;
  left: 86.97917vw;
}

#Keyvisual .chara_group .mv_chara {
  position: absolute;
}

#Keyvisual .chara_group .mv_chara#MvChara1 {
  width: 12.70833vw;
  top: 1.09375vw;
  left: 10.41667vw;
}

#Keyvisual .chara_group .mv_chara#MvChara2 {
  width: 12.76042vw;
  top: 2.34375vw;
  left: 71.66667vw;
}

#Keyvisual .chara_group .mv_chara#MvChara3 {
  width: 12.65625vw;
  top: 15vw;
  left: 1.40625vw;
}

#Keyvisual .chara_group .mv_chara#MvChara4 {
  width: 16.04167vw;
  top: 11.97917vw;
  left: 42.08333vw;
}

#Keyvisual .chara_group .mv_chara#MvChara5 {
  width: 8.80208vw;
  top: 24.16667vw;
  left: 70vw;
}

#Keyvisual .chara_group .mv_chara#MvChara6 {
  width: 7.03125vw;
  top: 31.04167vw;
  left: 10.52083vw;
}

#Keyvisual .chara_group .mv_chara#MvChara7 {
  width: 15.88542vw;
  top: 26.97917vw;
  left: 20.52083vw;
}

#Keyvisual .chara_group .mv_chara#MvChara8 {
  width: 10.72917vw;
  top: 30.67708vw;
  left: 59.42708vw;
}

#Keyvisual .chara_group .mv_chara#MvChara9 {
  width: 20.67708vw;
  top: 9.11458vw;
  left: 78.22917vw;
}

#Keyvisual #Title {
  width: 39.0625vw;
  position: absolute;
  top: 4.94792vw;
  left: calc(50% - 19.53125vw);
}

#Keyvisual #Title img {
  width: 100%;
  height: 5.9375vw;
}

#Keyvisual #LinkGroup {
  width: 56.77083vw;
  position: absolute;
  top: 17.70833vw;
  left: calc(50% - 28.385415vw);
}

#Keyvisual #LinkGroup li {
  width: 23.4375vw;
}

#Keyvisual #LinkGroup li a {
  background: #000;
  -webkit-transition: background 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 1025px) {
  #Keyvisual #LinkGroup li a:hover {
    background: #dc00d5;
  }
}

#Keyvisual #LinkGroup li a img {
  width: 100%;
  height: 4.6875vw;
}

#Keyvisual #Logo {
  width: 18.75vw;
  position: absolute;
  top: 34.53125vw;
  left: calc(50% - 9.375vw);
}

@media all and (max-width: 1024px) {
  #Keyvisual {
    height: 177.86667vw;
  }
  #Keyvisual #ObjGroup li:nth-child(1) {
    width: 12.53333vw;
    height: 12.53333vw;
    top: 43.73333vw;
    left: 18.13333vw;
  }
  #Keyvisual #ObjGroup li:nth-child(2) {
    width: 9.33333vw;
    height: 9.33333vw;
    top: 47.46667vw;
    left: 73.6vw;
  }
  #Keyvisual #ObjGroup li:nth-child(3) {
    width: 12.8vw;
    height: 12.8vw;
    top: 102.4vw;
    left: 6.66667vw;
  }
  #Keyvisual #ObjGroup li:nth-child(4) {
    width: 12.53333vw;
    height: 12.53333vw;
    top: 48vw;
    left: 50.13333vw;
  }
  #Keyvisual #ObjGroup li:nth-child(5) {
    width: 10.93333vw;
    height: 10.93333vw;
    top: 89.06667vw;
    left: 82.13333vw;
  }
  #Keyvisual #ObjGroup li:nth-child(6) {
    width: 17.86667vw;
    height: 17.86667vw;
    top: 154.66667vw;
    left: 8.8vw;
  }
  #Keyvisual #ObjGroup li:nth-child(7) {
    width: 15.2vw;
    height: 15.2vw;
    top: 105.33333vw;
    left: 28.8vw;
  }
  #Keyvisual #ObjGroup li:nth-child(8) {
    width: 10.93333vw;
    height: 10.93333vw;
    top: 128.26667vw;
    left: 50.13333vw;
  }
  #Keyvisual #ObjGroup li:nth-child(9) {
    width: 15.46667vw;
    height: 15.46667vw;
    top: 145.6vw;
    left: 81.6vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara1 {
    width: 27.2vw;
    top: 26.66667vw;
    left: 3.2vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara2 {
    width: 27.2vw;
    top: 28.8vw;
    left: 70.93333vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara3 {
    width: 24.8vw;
    top: 83.46667vw;
    left: 1.06667vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara4 {
    width: 34.13333vw;
    top: 31.2vw;
    left: 32.8vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara5 {
    width: 15.46667vw;
    top: 81.33333vw;
    left: 73.33333vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara6 {
    width: 19.2vw;
    top: 126.4vw;
    left: 11.2vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara7 {
    width: 26.93333vw;
    top: 81.33333vw;
    left: 26.13333vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara8 {
    width: 17.33333vw;
    top: 114.66667vw;
    left: 45.33333vw;
  }
  #Keyvisual .chara_group .mv_chara#MvChara9 {
    width: 39.2vw;
    top: 98.4vw;
    left: 60.8vw;
  }
  #Keyvisual #Title {
    width: 91.2vw;
    top: 7.46667vw;
    left: calc(50% - 45.6vw);
  }
  #Keyvisual #Title img {
    height: auto;
  }
  #Keyvisual #LinkGroup {
    width: 94.66667vw;
    top: 68.8vw;
    left: calc(50% - 47.333335vw);
  }
  #Keyvisual #LinkGroup li {
    width: 42.13333vw;
  }
  #Keyvisual #LinkGroup li a img {
    height: auto;
  }
  #Keyvisual #Logo {
    width: 32vw;
    top: 145.06667vw;
    left: calc(50% - 16vw);
  }
}