@media (min-width: 769px) {
  .character__inner {
    padding: 0 61px;
  }
}

.character__cont {
  position: relative;
}

.character__name {
  width: 49.33vw;
  position: absolute;
  top: 0;
  left: 4.26vw;
}

@media (min-width: 769px) {
  .character__name {
    width: 330px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.character__nav {
  padding: 0 15px 26px;
}

@media (min-width: 769px) {
  .character__nav {
    padding: 0 0 61px;
  }
}

.character__nav__ttl {
  margin: 0 0 4px;
  width: 116px;
}

@media (min-width: 769px) {
  .character__nav__ttl {
    width: 126px;
  }
}

.character__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -4px;
}

.character__nav__item {
  display: block;
  width: 13.33vw;
  max-width: 50px;
  margin: 0 0 4px 4px;
}

.akane .character__ph .front__01 {
  width: 46.53vw;
  position: absolute;
  top: 0.26vw;
  left: 44.13vw;
}

@media (min-width: 769px) {
  .akane .character__ph .front__01 {
    width: 318px;
    position: absolute;
    top: 10px;
    left: 317px;
  }
}

.akane .character__ph .front__02 {
  width: 29.2vw;
  position: absolute;
  top: 45.86vw;
  left: 13.06vw;
}

@media (min-width: 769px) {
  .akane .character__ph .front__02 {
    width: 204px;
    position: absolute;
    top: 238px;
    left: 88px;
  }
}

.akane .character__ph .front__03 {
  width: 21.06vw;
  position: absolute;
  top: 94.8vw;
  left: 25.73vw;
}

@media (min-width: 769px) {
  .akane .character__ph .front__03 {
    width: 132px;
    position: absolute;
    top: 580px;
    left: 21px;
  }
}

.akane .character__ph .side__01 {
  width: 20.8vw;
  position: absolute;
  top: 127.73vw;
  left: 6.93vw;
}

@media (min-width: 769px) {
  .akane .character__ph .side__01 {
    width: 133px;
    position: absolute;
    top: 578px;
    left: 221px;
  }
}

.akane .character__ph .side__02 {
  width: 10.8vw;
  position: absolute;
  top: 112.66vw;
  left: 73.6vw;
}

@media (min-width: 769px) {
  .akane .character__ph .side__02 {
    width: 76px;
    position: absolute;
    top: 4px;
    left: 636px;
  }
}

.akane .character__ph .back__01 {
  width: 10.66vw;
  position: absolute;
  top: 112.53vw;
  left: 50.93vw;
}

@media (min-width: 769px) {
  .akane .character__ph .back__01 {
    width: 73px;
    position: absolute;
    top: 412px;
    left: 642px;
  }
}

.hikage .character__ph .front__01 {
  width: 40.48vw;
  position: absolute;
  top: 0.26vw;
  left: 48.96vw;
}

@media (min-width: 769px) {
  .hikage .character__ph .front__01 {
    width: 276px;
    position: absolute;
    top: 9px;
    left: 334px;
  }
}

.hikage .character__ph .front__02 {
  width: 35.34vw;
  position: absolute;
  top: 51.2vw;
  left: 10.79vw;
}

@media (min-width: 769px) {
  .hikage .character__ph .front__02 {
    width: 241px;
    position: absolute;
    top: 237px;
    left: 68px;
  }
}

.hikage .character__ph .front__03 {
  width: 25.2vw;
  position: absolute;
  top: 95.33vw;
  left: 22.85vw;
}

@media (min-width: 769px) {
  .hikage .character__ph .front__03 {
    width: 172px;
    position: absolute;
    top: 549px;
    left: 1px;
  }
}

.hikage .character__ph .side__01 {
  width: 24.78vw;
  position: absolute;
  top: 125.33vw;
  left: 5.4vw;
}

@media (min-width: 769px) {
  .hikage .character__ph .side__01 {
    width: 169px;
    position: absolute;
    top: 547px;
    left: 212px;
  }
}

.hikage .character__ph .side__02 {
  width: 16.13vw;
  position: absolute;
  top: 105.4vw;
  left: 69.66vw;
}

@media (min-width: 769px) {
  .hikage .character__ph .side__02 {
    width: 110px;
    position: absolute;
    top: 16px;
    left: 616px;
  }
}

.hikage .character__ph .back__01 {
  width: 19.8vw;
  position: absolute;
  top: 105.7vw;
  left: 49.23vw;
}

@media (min-width: 769px) {
  .hikage .character__ph .back__01 {
    width: 135px;
    position: absolute;
    top: 407px;
    left: 620px;
  }
}

.hotaru .character__ph .front__01 {
  width: 32.8vw;
  position: absolute;
  top: -0.53vw;
  left: 51.2vw;
}

@media (min-width: 769px) {
  .hotaru .character__ph .front__01 {
    width: 224px;
    position: absolute;
    top: 5px;
    left: 372px;
  }
}

.hotaru .character__ph .front__02 {
  width: 32vw;
  position: absolute;
  top: 50.8vw;
  left: 11.27vw;
}

@media (min-width: 769px) {
  .hotaru .character__ph .front__02 {
    width: 219px;
    position: absolute;
    top: 216px;
    left: 81px;
  }
}

.hotaru .character__ph .front__03 {
  width: 25.66vw;
  position: absolute;
  top: 100.17vw;
  left: 22.63vw;
}

@media (min-width: 769px) {
  .hotaru .character__ph .front__03 {
    width: 175px;
    position: absolute;
    top: 567px;
    left: 0px;
  }
}

.hotaru .character__ph .side__01 {
  width: 22.93vw;
  position: absolute;
  top: 131.46vw;
  left: 5.28vw;
}

@media (min-width: 769px) {
  .hotaru .character__ph .side__01 {
    width: 157px;
    position: absolute;
    top: 568px;
    left: 205px;
  }
}

.hotaru .character__ph .side__02 {
  width: 14.8vw;
  position: absolute;
  top: 111.73vw;
  left: 69.86vw;
}

@media (min-width: 769px) {
  .hotaru .character__ph .side__02 {
    width: 101px;
    position: absolute;
    top: 5px;
    left: 613px;
  }
}

.hotaru .character__ph .back__01 {
  width: 15.54vw;
  position: absolute;
  top: 111.64vw;
  left: 49.22vw;
}

@media (min-width: 769px) {
  .hotaru .character__ph .back__01 {
    width: 106px;
    position: absolute;
    top: 403px;
    left: 623px;
  }
}

.kaede .character__ph .front__01 {
  width: 30.06vw;
  position: absolute;
  top: 0.89vw;
  left: 50.03vw;
}

@media (min-width: 769px) {
  .kaede .character__ph .front__01 {
    width: 205px;
    position: absolute;
    top: 4px;
    left: 349px;
  }
}

.kaede .character__ph .front__02 {
  width: 30.94vw;
  position: absolute;
  top: 45.77vw;
  left: 10.92vw;
}

@media (min-width: 769px) {
  .kaede .character__ph .front__02 {
    width: 211px;
    position: absolute;
    top: 207px;
    left: 74.5px;
  }
}

.kaede .character__ph .front__03 {
  width: 25.6vw;
  position: absolute;
  top: 93.3vw;
  left: 22.53vw;
}

@media (min-width: 769px) {
  .kaede .character__ph .front__03 {
    width: 175px;
    position: absolute;
    top: 545px;
    left: 2.5px;
  }
}

.kaede .character__ph .side__01 {
  width: 23.76vw;
  position: absolute;
  top: 128.13vw;
  left: 6.32vw;
}

@media (min-width: 769px) {
  .kaede .character__ph .side__01 {
    width: 162px;
    position: absolute;
    top: 544px;
    left: 189px;
  }
}

.kaede .character__ph .side__02 {
  width: 16.8vw;
  position: absolute;
  top: 116.49vw;
  left: 67.96vw;
}

@media (min-width: 769px) {
  .kaede .character__ph .side__02 {
    width: 115px;
    position: absolute;
    top: 17px;
    left: 605px;
  }
}

.kaede .character__ph .back__01 {
  width: 19.65vw;
  position: absolute;
  top: 115.84vw;
  left: 48.64vw;
}

@media (min-width: 769px) {
  .kaede .character__ph .back__01 {
    width: 134px;
    position: absolute;
    top: 411px;
    left: 620px;
  }
}

.kazuho .character__ph .front__01 {
  width: 30.4vw;
  position: absolute;
  top: 1.73vw;
  left: 51.28vw;
}

@media (min-width: 769px) {
  .kazuho .character__ph .front__01 {
    width: 208px;
    position: absolute;
    top: 16px;
    left: 369px;
  }
}

.kazuho .character__ph .front__02 {
  width: 31.68vw;
  position: absolute;
  top: 48vw;
  left: 11.22vw;
}

@media (min-width: 769px) {
  .kazuho .character__ph .front__02 {
    width: 216px;
    position: absolute;
    top: 232px;
    left: 79px;
  }
}

.kazuho .character__ph .front__03 {
  width: 24.2vw;
  position: absolute;
  top: 92.5vw;
  left: 23.2vw;
}

@media (min-width: 769px) {
  .kazuho .character__ph .front__03 {
    width: 165px;
    position: absolute;
    top: 546px;
    left: 13px;
  }
}

.kazuho .character__ph .side__01 {
  width: 26.13vw;
  position: absolute;
  top: 123.68vw;
  left: 8.06vw;
}

@media (min-width: 769px) {
  .kazuho .character__ph .side__01 {
    width: 179px;
    position: absolute;
    top: 537px;
    left: 212px;
  }
}

.kazuho .character__ph .side__02 {
  width: 14.13vw;
  position: absolute;
  top: 115.6vw;
  left: 70.02vw;
}

@media (min-width: 769px) {
  .kazuho .character__ph .side__02 {
    width: 97px;
    position: absolute;
    top: 32px;
    left: 626px;
  }
}

.kazuho .character__ph .back__01 {
  width: 22.8vw;
  position: absolute;
  top: 116.8vw;
  left: 42.56vw;
}

@media (min-width: 769px) {
  .kazuho .character__ph .back__01 {
    width: 156px;
    position: absolute;
    top: 416px;
    left: 586px;
  }
}

.komari .character__ph .front__01 {
  width: 38.13vw;
  position: absolute;
  top: 1.34vw;
  left: 50.33vw;
}

@media (min-width: 769px) {
  .komari .character__ph .front__01 {
    width: 260px;
    position: absolute;
    top: 19px;
    left: 348px;
  }
}

.komari .character__ph .front__02 {
  width: 33.46vw;
  position: absolute;
  top: 49.73vw;
  left: 11.47vw;
}

@media (min-width: 769px) {
  .komari .character__ph .front__02 {
    width: 229px;
    position: absolute;
    top: 242px;
    left: 80px;
  }
}

.komari .character__ph .front__03 {
  width: 27.57vw;
  position: absolute;
  top: 94.13vw;
  left: 22.4vw;
}

@media (min-width: 769px) {
  .komari .character__ph .front__03 {
    width: 188px;
    position: absolute;
    top: 568px;
    left: 19px;
  }
}

.komari .character__ph .side__01 {
  width: 24.53vw;
  position: absolute;
  top: 124.66vw;
  left: 3.61vw;
}

@media (min-width: 769px) {
  .komari .character__ph .side__01 {
    width: 168px;
    position: absolute;
    top: 568px;
    left: 225px;
  }
}

.komari .character__ph .side__02 {
  width: 16.26vw;
  position: absolute;
  top: 107.6vw;
  left: 70.53vw;
}

@media (min-width: 769px) {
  .komari .character__ph .side__02 {
    width: 111px;
    position: absolute;
    top: 70px;
    left: 619px;
  }
}

.komari .character__ph .back__01 {
  width: 24.53vw;
  position: absolute;
  top: 107.33vw;
  left: 48.13vw;
}

@media (min-width: 769px) {
  .komari .character__ph .back__01 {
    width: 168px;
    position: absolute;
    top: 415px;
    left: 601px;
  }
}

.konomi .character__ph .front__01 {
  width: 44vw;
  position: absolute;
  top: -2.4vw;
  left: 45.86vw;
}

@media (min-width: 769px) {
  .konomi .character__ph .front__01 {
    width: 300px;
    position: absolute;
    top: -12.5px;
    left: 322px;
  }
}

.konomi .character__ph .front__02 {
  width: 26.66vw;
  position: absolute;
  top: 50.4vw;
  left: 14.13vw;
}

@media (min-width: 769px) {
  .konomi .character__ph .front__02 {
    width: 186px;
    position: absolute;
    top: 240px;
    left: 90px;
  }
}

.konomi .character__ph .front__03 {
  width: 21.33vw;
  position: absolute;
  top: 92.66vw;
  left: 25.73vw;
}

@media (min-width: 769px) {
  .konomi .character__ph .front__03 {
    width: 136px;
    position: absolute;
    top: 564px;
    left: 26.5px;
  }
}

.konomi .character__ph .side__01 {
  width: 18.53vw;
  position: absolute;
  top: 127.73vw;
  left: 11.33vw;
}

@media (min-width: 769px) {
  .konomi .character__ph .side__01 {
    width: 125px;
    position: absolute;
    top: 565px;
    left: 234px;
  }
}

.konomi .character__ph .side__02 {
  width: 15.33vw;
  position: absolute;
  top: 112.66vw;
  left: 68.26vw;
}

@media (min-width: 769px) {
  .konomi .character__ph .side__02 {
    width: 105px;
    position: absolute;
    top: 13.5px;
    left: 603px;
  }
}

.konomi .character__ph .back__01 {
  width: 16.53vw;
  position: absolute;
  top: 114.53vw;
  left: 47.2vw;
}

@media (min-width: 769px) {
  .konomi .character__ph .back__01 {
    width: 113px;
    position: absolute;
    top: 400px;
    left: 617px;
  }
}

.natsumi .character__ph .front__01 {
  width: 34.66vw;
  position: absolute;
  top: -1.34vw;
  left: 52.93vw;
}

@media (min-width: 769px) {
  .natsumi .character__ph .front__01 {
    width: 237px;
    position: absolute;
    top: 9px;
    left: 386px;
  }
}

.natsumi .character__ph .front__02 {
  width: 33.73vw;
  position: absolute;
  top: 47.46vw;
  left: 10.46vw;
}

@media (min-width: 769px) {
  .natsumi .character__ph .front__02 {
    width: 230px;
    position: absolute;
    top: 197px;
    left: 74px;
  }
}

.natsumi .character__ph .front__03 {
  width: 22.58vw;
  position: absolute;
  top: 98.66vw;
  left: 23.33vw;
}

@media (min-width: 769px) {
  .natsumi .character__ph .front__03 {
    width: 154px;
    position: absolute;
    top: 570px;
    left: 21px;
  }
}

.natsumi .character__ph .side__01 {
  width: 26.66vw;
  position: absolute;
  top: 130vw;
  left: 4.52vw;
}

@media (min-width: 769px) {
  .natsumi .character__ph .side__01 {
    width: 182px;
    position: absolute;
    top: 566px;
    left: 197px;
  }
}

.natsumi .character__ph .side__02 {
  width: 16.13vw;
  position: absolute;
  top: 110.5vw;
  left: 70.53vw;
}

@media (min-width: 769px) {
  .natsumi .character__ph .side__02 {
    width: 110px;
    position: absolute;
    top: 3px;
    left: 628px;
  }
}

.natsumi .character__ph .back__01 {
  width: 21.46vw;
  position: absolute;
  top: 111.46vw;
  left: 41.6vw;
}

@media (min-width: 769px) {
  .natsumi .character__ph .back__01 {
    width: 147px;
    position: absolute;
    top: 408px;
    left: 583px;
  }
}

.renge .character__ph .front__01 {
  width: 39.46vw;
  position: absolute;
  top: 0.8vw;
  left: 51.2vw;
}

@media (min-width: 769px) {
  .renge .character__ph .front__01 {
    width: 269px;
    position: absolute;
    top: 12px;
    left: 353px;
  }
}

.renge .character__ph .front__02 {
  width: 36.66vw;
  position: absolute;
  top: 48.26vw;
  left: 8vw;
}

@media (min-width: 769px) {
  .renge .character__ph .front__02 {
    width: 250px;
    position: absolute;
    top: 228px;
    left: 64px;
  }
}

.renge .character__ph .front__03 {
  width: 24vw;
  position: absolute;
  top: 96.13vw;
  left: 23.33vw;
}

@media (min-width: 769px) {
  .renge .character__ph .front__03 {
    width: 163px;
    position: absolute;
    top: 567px;
    left: 11px;
  }
}

.renge .character__ph .side__01 {
  width: 21.46vw;
  position: absolute;
  top: 122vw;
  left: 3.73vw;
}

@media (min-width: 769px) {
  .renge .character__ph .side__01 {
    width: 147px;
    position: absolute;
    top: 569px;
    left: 208px;
  }
}

.renge .character__ph .side__02 {
  width: 23.86vw;
  position: absolute;
  top: 98.4vw;
  left: 42.4vw;
}

@media (min-width: 769px) {
  .renge .character__ph .side__02 {
    width: 163px;
    position: absolute;
    top: 399px;
    left: 560px;
  }
}

.renge .character__ph .back__01 {
  width: 23.46vw;
  position: absolute;
  top: 102.13vw;
  left: 66.8vw;
}

@media (min-width: 769px) {
  .renge .character__ph .back__01 {
    width: 160px;
    position: absolute;
    top: 48px;
    left: 615px;
  }
}

.shiori .character__ph .front__01 {
  width: 32.8vw;
  position: absolute;
  top: 2.93vw;
  left: 55.2vw;
}

@media (min-width: 769px) {
  .shiori .character__ph .front__01 {
    width: 230px;
    position: absolute;
    top: 23px;
    left: 378px;
  }
}

.shiori .character__ph .front__02 {
  width: 37.86vw;
  position: absolute;
  top: 52.53vw;
  left: 8.4vw;
}

@media (min-width: 769px) {
  .shiori .character__ph .front__02 {
    width: 265px;
    position: absolute;
    top: 257px;
    left: 56px;
  }
}

.shiori .character__ph .front__03 {
  width: 23.6vw;
  position: absolute;
  top: 99.73vw;
  left: 24vw;
}

@media (min-width: 769px) {
  .shiori .character__ph .front__03 {
    width: 172px;
    position: absolute;
    top: 585px;
    left: 5px;
  }
}

.shiori .character__ph .side__01 {
  width: 18vw;
  position: absolute;
  top: 126vw;
  left: 6.4vw;
}

@media (min-width: 769px) {
  .shiori .character__ph .side__01 {
    width: 135px;
    position: absolute;
    top: 585px;
    left: 217px;
  }
}

.shiori .character__ph .side__02 {
  width: 11.2vw;
  position: absolute;
  top: 101.6vw;
  left: 51.2vw;
}

@media (min-width: 769px) {
  .shiori .character__ph .side__02 {
    width: 78px;
    position: absolute;
    top: 22px;
    left: 633px;
  }
}

.shiori .character__ph .back__01 {
  width: 15.2vw;
  position: absolute;
  top: 103vw;
  left: 69.6vw;
}

@media (min-width: 769px) {
  .shiori .character__ph .back__01 {
    width: 114px;
    position: absolute;
    top: 423px;
    left: 617px;
  }
}

.suguru .character__ph .front__01 {
  width: 36vw;
  position: absolute;
  top: -1vw;
  left: 49.96vw;
}

@media (min-width: 769px) {
  .suguru .character__ph .front__01 {
    width: 246px;
    position: absolute;
    top: -9.5px;
    left: 355px;
  }
}

.suguru .character__ph .front__02 {
  width: 34.4vw;
  position: absolute;
  top: 47.5vw;
  left: 9.9vw;
}

@media (min-width: 769px) {
  .suguru .character__ph .front__02 {
    width: 235px;
    position: absolute;
    top: 225px;
    left: 70px;
  }
}

.suguru .character__ph .front__03 {
  width: 23.46vw;
  position: absolute;
  top: 94.53vw;
  left: 23.6vw;
}

@media (min-width: 769px) {
  .suguru .character__ph .front__03 {
    width: 160px;
    position: absolute;
    top: 554px;
    left: 18px;
  }
}

.suguru .character__ph .side__01 {
  width: 19.86vw;
  position: absolute;
  top: 127.56vw;
  left: 7.89vw;
}

@media (min-width: 769px) {
  .suguru .character__ph .side__01 {
    width: 136px;
    position: absolute;
    top: 558px;
    left: 225px;
  }
}

.suguru .character__ph .side__02 {
  width: 11vw;
  position: absolute;
  top: 112.13vw;
  left: 71.9vw;
}

@media (min-width: 769px) {
  .suguru .character__ph .side__02 {
    width: 75px;
    position: absolute;
    top: 21px;
    left: 639px;
  }
}

.suguru .character__ph .back__01 {
  width: 14.8vw;
  position: absolute;
  top: 112.13vw;
  left: 49.46vw;
}

@media (min-width: 769px) {
  .suguru .character__ph .back__01 {
    width: 101px;
    position: absolute;
    top: 422px;
    left: 632px;
  }
}