body {
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body#pc-ver #update {
  width: calc(792px /2);
  height: calc(215px /2);
  background: url(../img/update_pc.png);
  background-size: 100% auto;
  top: 510px;
  left: -2px;
}
@media (max-width: 750px) {
  body#pc-ver #update {
    margin: auto;
    width: calc((980*0.5)/750*100vw);
    height: calc((227*0.5)/750*100vw);
    background-image: url(../img/update_sp.png);
    top: calc(1046/750*100vw);
    left: 0;
    right: 0;
  }
}

@media (max-width: 750px) {
  body#pc-ver #download {
    top: calc(1168/750*100vw);
  }
}

@media (max-width: 750px) {
  #introduction .contents {
    padding-top: calc(165/750*100vw);
  }
}

#introduction h2 {
  width: calc(1200px /2);
}
@media (max-width: 750px) {
  #introduction h2 {
    width: calc((1134/2)/750*100vw);
  }
}

#introduction h3 {
  margin-bottom: 25px;
  width: calc(1388px /2);
}
@media (max-width: 750px) {
  #introduction h3 {
    width: calc((1278/2)/750*100vw);
  }
}

#introduction p.txt {
  margin: auto;
  width: calc(1363px /2);
}
@media (max-width: 750px) {
  #introduction p.txt {
    width: calc((1164/2)/750*100vw);
  }
}

@media (max-width: 750px) {
  #character .slick-slider {
    margin-bottom: calc(138/750*100vw);
  }
}

#chara-001 .chara-cv {
  left: 150px;
  top: 528px;
}
@media (max-width: 750px) {
  #chara-001 .chara-cv {
    top: calc(1008/750*100vw);
    left: calc(70/750*100vw);
  }
}

#chara-001 .chara-cv a {
  width: calc(490px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-001 .chara-cv a {
    width: calc(490*0.76/750*100vw);
    height: calc(110*0.76/750*100vw);
  }
}

#chara-001 h4 {
  width: calc(999px /2);
  height: calc(387px /2);
  top: 149px;
  left: 129px;
}
@media (max-width: 750px) {
  #chara-001 h4 {
    width: calc((962/2)/750*100vw);
    height: calc((354/2)/750*100vw);
    top: calc(610/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-001 h3 {
  width: calc(704px /2);
  height: calc(312px /2);
  top: 392px;
  left: 150px;
}
@media (max-width: 750px) {
  #chara-001 h3 {
    width: calc((988/2)/750*100vw);
    height: calc((385/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(70/750*100vw);
  }
}

#chara-001 .btn-play {
  left: 155px;
  top: 585px;
}
@media (max-width: 750px) {
  #chara-001 .btn-play {
    top: calc(1080/750*100vw);
    left: calc(67/750*100vw);
  }
}

#chara-002 .chara-cv {
  left: 150px;
  top: 528px;
}
@media (max-width: 750px) {
  #chara-002 .chara-cv {
    top: calc(1008/750*100vw);
    left: calc(70/750*100vw);
  }
}

#chara-002 .chara-cv a {
  width: calc(470px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-002 .chara-cv a {
    width: calc(550/750*100vw*0.75);
    height: calc(110/750*100vw*0.75);
  }
}

#chara-002 h4 {
  width: calc(1094px /2);
  height: calc(256px /2);
  top: 173px;
  left: 124px;
}
@media (max-width: 750px) {
  #chara-002 h4 {
    width: calc((1042/2)/750*100vw);
    height: calc((246/2)/750*100vw);
    top: calc(676/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-002 h3 {
  width: calc(657px /2);
  height: calc(283px /2);
  top: 392px;
  left: 147px;
}
@media (max-width: 750px) {
  #chara-002 h3 {
    width: calc((920/2)/750*100vw);
    height: calc((342/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(70/750*100vw);
  }
}

#chara-002 .btn-play {
  left: 155px;
  top: 585px;
}
@media (max-width: 750px) {
  #chara-002 .btn-play {
    top: calc(1080/750*100vw);
    left: calc(67/750*100vw);
  }
}

#chara-003 .chara-cv {
  left: 150px;
  top: 528px;
}
@media (max-width: 750px) {
  #chara-003 .chara-cv {
    top: calc(1008/750*100vw);
    left: calc(70/750*100vw);
  }
}

#chara-003 .chara-cv a {
  width: calc(532px /2);
  height: calc(110px /2);
}
@media (max-width: 750px) {
  #chara-003 .chara-cv a {
    width: calc(532/750*100vw*0.75);
    height: calc(110/750*100vw*0.75);
  }
}

#chara-003 h4 {
  width: calc(1067px /2);
  height: calc(239px /2);
  top: 169px;
  left: 142px;
}
@media (max-width: 750px) {
  #chara-003 h4 {
    width: calc((1070/2)/750*100vw);
    height: calc((282/2)/750*100vw);
    top: calc(676/750*100vw);
    left: calc(12/750*100vw);
  }
}

#chara-003 h3 {
  width: calc(547px /2);
  height: calc(225px /2);
  top: 408px;
  left: 159px;
}
@media (max-width: 750px) {
  #chara-003 h3 {
    width: calc((841/2)/750*100vw);
    height: calc((342/2)/750*100vw);
    top: calc(834/750*100vw);
    left: calc(70/750*100vw);
  }
}

#chara-003 .btn-play {
  left: 155px;
  top: 585px;
}
@media (max-width: 750px) {
  #chara-003 .btn-play {
    top: calc(1080/750*100vw);
    left: calc(67/750*100vw);
  }
}

#other-character h3 {
  width: calc(1018px /2);
}
@media (max-width: 750px) {
  #other-character h3 {
    width: calc(1018/750*100vw*0.54);
  }
}

#feature p {
  letter-spacing: 0.025em;
}

#feature-001 h3 {
  width: calc(379px /2);
}
@media (max-width: 750px) {
  #feature-001 h3 {
    width: calc((1086/2)/750*100vw);
  }
}

#feature-002 h3 {
  width: calc(296px /2);
}
@media (max-width: 750px) {
  #feature-002 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-003 h3 {
  width: calc(391px /2);
}
@media (max-width: 750px) {
  #feature-003 h3 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-004 h4 {
  width: calc(471px /2);
}
@media (max-width: 750px) {
  #feature-004 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-005 h4 {
  width: calc(183px /2);
}
@media (max-width: 750px) {
  #feature-005 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

#feature-006 h4 {
  width: calc(409px /2);
}
@media (max-width: 750px) {
  #feature-006 h4 {
    margin: 0 auto 5vw;
    width: calc((1086/2)/750*100vw);
  }
}

@media (max-width: 750px) {
  #movie h2 {
    width: calc(250/750*100vw);
  }
}

#movie #movie-001 h3 {
  width: calc(488px /2);
}
@media (max-width: 750px) {
  #movie #movie-001 h3 {
    width: calc((488/2)/750*100vw);
  }
}

#movie #movie-002 h3 {
  width: calc(182px /2);
}
@media (max-width: 750px) {
  #movie #movie-002 h3 {
    width: calc((182/2)/750*100vw);
  }
}

#movie #movie-003 h3 {
  width: calc(750px /2);
}
@media (max-width: 750px) {
  #movie #movie-003 h3 {
    width: calc((464/2)/750*100vw);
  }
}

#movie #movie-004 h3 {
  width: calc(830px /2);
}
@media (max-width: 750px) {
  #movie #movie-004 h3 {
    width: calc((464/2)/750*100vw);
  }
}

h3#h3-staff-001 {
  width: calc(456px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-001 {
    width: calc((456*0.665)/750*100vw);
  }
}

h3#h3-staff-002 {
  width: calc(170px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-002 {
    width: calc((170*0.665)/750*100vw);
  }
}

h3#h3-staff-003 {
  width: calc(743px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-003 {
    width: calc((464*0.665)/750*100vw);
  }
}

h3#h3-staff-004 {
  width: calc(817px /2);
}
@media (max-width: 750px) {
  h3#h3-staff-004 {
    width: calc((464*0.665)/750*100vw);
  }
}

#staff dl dd {
  letter-spacing: 0.035em;
}
@media (max-width: 750px) {
  #staff dl dd {
    font-size: calc(30/750*100vw);
    font-weight: normal;
  }
}

#share .share-list li {
  width: 67px;
  height: 67px;
}
#share .share-list li img {
  width: 100%;
}

#share .box .item .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -19px;
}
@media (max-width: 750px) {
  #share .box .item .right {
    width: calc(100% - (calc(284/750*100vw)));
  }
}

#share .logo img {
  width: calc(572px /2);
}
@media (max-width: 750px) {
  #share .logo img {
    width: calc(357/750*100vw);
  }
}

@media (max-width: 750px) {
  #share .box p.box-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    font-size: calc(22/750*100vw);
  }
}

#share .box p.box-info strong {
  font-size: 13px;
}
@media (max-width: 750px) {
  #share .box p.box-info strong {
    display: block;
    width: 5em;
  }
}

#share .box p.box-info span {
  font-size: 13px;
}
#share .box p.box-info span br {
  display: none;
}
@media (max-width: 750px) {
  #share .box p.box-info span br {
    display: block;
  }
}
@media (max-width: 750px) {
  #share .box p.box-info span {
    width: calc(100% - 6em);
    display: inline;
  }
}

#share .item-dl {
  width: calc(850px / 2);
}

#share ul.btn-dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 750px) {
  #share ul.btn-dl {
    width: 92%;
    margin: 0 auto;
  }
}

#share ul.btn-dl li {
  width: 49%;
}
@media (max-width: 750px) {
  #share ul.btn-dl li {
    width: 48.5%;
    margin: 0;
    margin-bottom: 3%;
  }
}

#share ul.btn-dl li:nth-of-type(3) {
  width: 100%;
}

#share ul.btn-dl li a {
  display: block;
  width: 100%;
}

#share ul.btn-dl li a img {
  width: 100%;
}
@media (max-width: 750px) {
  #share ul.btn-dl li a img {
    display: block;
  }
}

/*# sourceMappingURL=style_en.css.map */